addEventListener()方法与语法

addEventListener()方法与语法
  addEventListener()方法
 
  实例
 
  在用户点击按钮时触发监听事件:
 
  document.getElementById("myBtn").addEventListener("click",displayDate);
 
  addEventListener()方法用于向指定元素添加事件句柄。
 
  addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。
 
  你可以向一个元素添加多个事件句柄。
 
  你可以向同个元素添加多个同类型的事件句柄,如:两个"click"事件。
 
  你可以向任何DOM对象添加事件监听,不仅仅是HTML元素。如:window对象。
 
  addEventListener()方法可以更简单的控制事件(冒泡与捕获)。
 
  当你使用addEventListener()方法时,JavaScript从HTML标记中分离开来,可读性更强,在没有控制HTML标记时也可以添加事件监听。
 
  你可以使用removeEventListener()方法来移除事件的监听。
 
  语法
 
  element.addEventListener(event,function,useCapture);
 
  第一个参数是事件的类型(如"click"或"mousedown").
 
  第二个参数是事件触发后调用的函数。
 
  第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

推荐阅读