AddEventListener()方法实例在用户单击按钮时触发侦听事件：

document.getElementById('myBtn ')。addEventListener('click '，display date)；addEventListener()方法用于向指定的元素添加事件句柄。addEventListener()方法添加的事件句柄不会覆盖现有的事件句柄。您可以向一个元素添加多个事件处理程序。您可以向同一元素添加多个相同类型的事件句柄，例如两个“单击”事件。您可以向任何DOM对象添加事件监控，而不仅仅是HTML元素。例如窗口对象。addEventListener()方法可以更简单地控制事件(冒泡和捕获)。当您使用addEventListener()方法时，JavaScript与HTML标记是分开的，这使得它更具可读性，当您不控制HTML标记时，也可以添加事件监视。您可以使用removeEventListener()方法来移除对事件的监视。语法

element.addEventListener(事件、函数、useCapture)；第一个参数是事件的类型(例如“click”或“mousedown”)。第二个参数是事件触发后调用的函数。第三个参数是描述事件是冒泡还是捕捉的布尔值。此参数是可选的。请注意，不应以“on”为前缀。例如，使用“单击”代替“onclick”。

向原始元素添加事件句柄实例。“你好，世界！”当用户单击元素时弹出。

element . addeventlistener(' click '，function(){ alert('Hello World！');});可以使用函数名引用外部函数：实例。当用户点击元素时，‘你好，世界！’突然出现。

element . addeventlistener(' click '，my function)；函数myFunction() { alert ('Hello World！');}

向同一元素添加多个事件句柄addEventListener()方法允许您向同一元素添加多个事件，而不会覆盖现有的事件：实例。

element . addeventlistener(' click '，my function)；element . addeventlistener(' click '，my secondfunction)；您可以向同一个元素添加不同类型的事件：实例。

element . addeventlistener(' mouse over '，my function)；element . addeventlistener(' click '，my secondfunction)；element . addeventlistener(' mouse out '，myThirdFunction)；

将事件处理程序添加到窗口对象addEventListener()方法允许您将事件侦听器添加到HTML DOM对象，如HTML元素、HTML文档和窗口对象。或者其他支出事件对象，如： xmlHttpRequest对象。实例当用户重置窗口大小时添加事件监听：

window . addeventlistener(' resize '，function(){ document . getelementbyid(' demo ')。innerHTML=sometext});

传递参数传递参数值时，使用“匿名函数”调用带有参数的函数：instance。

element . addeventlistener(' click ')，function(){ myFunction(p1，p2)；});

事件冒泡还是事件捕获？传输事件有两种方式：冒泡和捕获。事件传递定义了元素事件被触发的顺序。如果将p元素插入div元素，用户点击p元素，哪个元素的“点击”事件会先被触发？冒泡时先触发内部元素的事件，再触发外部元素，即先触发P元素的点击事件，再触发div元素的点击事件。抓取时，先触发外部元素的事件，再触发内部元素的事件，即先触发div元素的点击事件，再触发p元素的点击事件。AddEventListener()方法可以指定“useCapture”参数来设置传递类型：

addEventListener(事件、函数、useCapture)；默认值为false，即泡沫交付；当值为真时，通过捕获传递事件。示例document.getelementbyid ('mydiv ')。addeventlistener ('click '，myfunction，true)；

努力

removeEventListener()方法removeEventListener()方法移除由addEventListener()方法添加的事件处理程序3360实例。

element . removeeventlistener(' mouse move '，my function)；浏览器支持表中的数字表示支持此方法的第一个浏览器的版本号。

阿胜：IE 8你好是吗汝母，操作7.0哎哎哎哎哎哎哎哎哎addEventListener()你好removeEventListener()凯伊姆。魏冄，鲁仲尼鲁仲尼鲁仲尼分离通风孔()朱庇特朱庇特朱庇特朱庇特阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹阿齐兹：

element.attachEvent函数：元素。detchevrent(活动函数):是范仲淹：

var x=文档。获取元素byid(' mytn ')；if (x.addEventListener) { //你好吗，阿云八号房你好x.addEventListener('click '，我的函数)；} else if(x . attach){//ie8你好x . attach(' onclick '，我的函数)；