探索JavaScript事件流：DOM中的神奇旅程
// 假设我们有一个简单的HTML页面，其中包含一个按钮和一段文本
// <button id="myButton">点击我</button>
// <div id="myText">等待点击事件...</div>
// 当按钮被点击时的事件处理函数
function handleButtonClick(event) {
var textElement = document.getElementById('myText');
textElement.textContent = '按钮被点击了！';
}
// 添加事件监听器
var button = document.getElementById('myButton');
button.addEventListener('click', handleButtonClick);
// 当你点击按钮时，会触发事件监听器，更新文本内容。这段代码演示了如何在DOM中添加事件监听器，并在特定事件（本例中为点击事件）发生时执行相应的处理函数。这是学习JavaScript事件处理的基本步骤之一。
评论已关闭