元素的点击事件先触发,然后会触发
元素的点击事件。  在捕获中,外部元素的事件会先被触发,"/>

事件传递有两种方式介绍

事件传递有两种方式介绍
  事件冒泡或事件捕获?
 
  事件传递有两种方式:冒泡与捕获。
 
  事件传递定义了元素事件触发的顺序。如果你将<p>元素插入到<div>元素中,用户点击<p>元素,哪个元素的"click"事件先被触发呢?
 
  在冒泡中,内部元素的事件会先被触发,然后再触发外部元素,即:<p>元素的点击事件先触发,然后会触发<div>元素的点击事件。
 
  在捕获中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:<div>元素的点击事件先触发,然后再触发<p>元素的点击事件。
 
  addEventListener()方法可以指定"useCapture"参数来设置传递类型:
 
  addEventListener(event,function,useCapture);
 
  默认值为false,即冒泡传递,当值为true时,事件使用捕获传递。
 
  实例
 
  document.getElementById("myDiv").addEventListener("click",myFunction,true);
 
  removeEventListener()方法
 
  removeEventListener()方法移除由addEventListener()方法添加的事件句柄:
 
  实例
 
  element.removeEventListener("mousemove",myFunction);

推荐阅读