欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
  事件冒泡或事件捕获?
 
  事件传递有两种方式:冒泡与捕获。
 
  事件传递定义了元素事件触发的顺序。如果你将<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);

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64822.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。