首页前端开发HTML事件传递有两种方式介绍

事件传递有两种方式介绍

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 事件传递有两种方式介绍
本文地址: https://pptw.com/jishu/655721.html
移除已存在的元素 替换HTML元素-replaceChild()

游客 回复需填写必要信息