addEventListener()方法将事件处理程序附加到元素,而不覆盖现有的事件处理程序。可以向一个元素添加多个事件处理程序。 您还可以将许多相同类型的事件处理程序添加到一个元素中,即两个"click"事件。 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型(如"click"或"mousedown")。 第二个参数是事件发生时要调用的函数。 第三个参数是一个布尔值,指定是使用事件冒泡还是使用事件捕获。此参数是可选的,将在下一课中介绍。 请注意,此事件不使用"on"前缀;使用 "click" 而不是 "onclick" 。 element.addEventListener("click", myFunction);element.addEventListener("mouseover", myFunction);function myFunction() { alert("Hello World!");} 这将向元素添加两个事件侦听器。 我们可以删除其中一个侦听器： element.removeEventListener("mouseover", myFunction); 让我们创建一个事件处理程序,在执行后将其自身移除： button id=demoStart/button script var btn = document.getElementById(demo); btn.addEventListener(click, myFunction); function myFunction() { alert(Math.random()); btn.removeEventListener(click, myFunction); } /script 单击按钮后,将显示一个带有随机数的警报,并删除事件侦听器。 InternetExplorer版本8及更低版本不支持addEventListener()和removeEventListener()方法。但是,您可以使用该文档。attachEvent()方法,用于在InternetExplorer中附加事件处理程序。