事件监听是一种常见的编程技术,用于捕获并响应特定事件的发生。通过事件监听,可以使网页或应用程序能够与用户进行交互,并根据用户的操作做出相应的反应。
1.添加事件监听器:
const button = document.querySelector('#myButton'); // 获取目标元素 function handleClick(event) { console.log('按钮被点击了'); } button.addEventListener('click', handleClick); // 添加点击事件监听器
我们获取了一个具有id
为myButton
的按钮元素,并定义了一个名为handleClick
的事件处理函数。然后,通过addEventListener
方法将handleClick
函数添加为点击事件的监听器。
2.使用匿名函数作为监听器:
const button = document.querySelector('#myButton'); button.addEventListener('click', function(event) { console.log('按钮被点击了'); });
3.事件移除:
const button = document.querySelector('#myButton'); function handleClick(event) { console.log('按钮被点击了'); } button.addEventListener('click', handleClick); // 添加点击事件监听器 // 过一段时间后,移除监听器 setTimeout(function() { button.removeEventListener('click', handleClick); }, 5000);