javascript中的addEventListener()方法是一个事件监听器,它可以用来监听某个元素上发生的事件,并对其作出响应。它的使用方法是:
element.addEventListener(event, function, useCapture);
其中,element表示要监听的元素,event表示要监听的事件,function表示当事件发生时要执行的函数,useCapture表示是否在捕获阶段执行监听函数,默认为false。
添加监听器的例子
// 监听按钮的点击事件 var btn = document.getElementById('btn'); btn.addEventListener('click', function(){ alert('按钮被点击了'); });
上面的例子中,我们使用addEventListener()方法来监听一个按钮的点击事件,当按钮被点击时,就会弹出一个提示框。
移除监听器的例子
// 移除按钮的点击事件监听 var btn = document.getElementById('btn'); btn.removeEventListener('click', function(){ alert('按钮被点击了'); });
上面的例子中,我们使用removeEventListener()方法来移除按钮的点击事件监听,这样,按钮就不会再弹出提示框了。
addEventListener()方法是一个非常有用的方法,它可以帮助我们监听元素上的事件,并作出响应。使用它,可以让我们的网页更加灵活,更加实用。