首页 > 编程知识 正文

事件代理是什么原理实现,阻止冒泡事件的方法

时间:2023-05-06 06:56:49 阅读:12192 作者:4996

文章目录一、事件传播二、事件流程三、注册事件方式传统onclick和ie低版本的attachEvent只能得到鼓泡四,也称为委托事件代理五,阻止事件传播

另一方面,事件传播的悲伤鸭子由一个要素引起一个事件时,按照结构的父级顺序向上传播行为,触发事件到窗口时,按照结构的父级顺序向上传播相同类型的事件。 事件对象具有当前事件的传播路径二、事件流中的事件发生时指示元素节点之间按特定顺序传播的path属性。 这一传播过程就像DOM事件流的事件流分为两个捕获阶段,向水面扔石头,其中从窗口到目标元素按顺序执行绑定的事件的鼓泡阶段就像一个小气泡。 从目标元素开始按窗口顺序运行所有事件3、注册事件的方法在传统的onclick和ie低版本的attachEvent中,侦听冒泡事件的第三个参数是布尔值,缺省情况下为false 事件处理程序[, false] )事件侦听在确定是通过冒泡还是捕获执行事件的实际开发中很少使用捕获场景,也称为事件委托到事件代理,需要将事件绑定到每个子节点通过将子节点的事件绑定到具有公共结构的父节点,可以在单击每个子节点时利用事件传播气泡委托绑定到父节点的事件。 减少元素事件的绑定,只需操作一次DOM,即可提高程序性能,还可以对新添加的子元素执行事件。 不需要单独添加事件或阻止事件传播。 因为事件的传播会触发元素的行为。 执行绑定到多个元素的同类事件的事件处理程序是阻止事件传播的标准浏览器。 事件对象. stopPropagation ) ) Propagation传播ie的低版本:取消事件对象. cancelbubble=truecancelbubble气泡

互换写法

在if(e.stopPropagation(//标准浏览器e.stoppropagation ) ) }else )//ie的较低版本中,阻止事件传播的e.cancelBubble=true; }或

//try处理兼容性try{ e.stopPropagation (); }catch(err ) { e.cancelBubble=true; }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。