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

首页 / 知识

事件传递有两种方式介绍

2023-04-11 13:20:00

事件传递有两种方式介绍
  事件冒泡或事件捕获?
 
  事件传递有两种方式:冒泡与捕获。
 
  事件传递定义了元素事件触发的顺序。如果你将<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);

事件元素冒泡事件传递点击事件事件触发

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢