其他分享
首页 > 其他分享> > Js处理事件的冒泡和捕获

Js处理事件的冒泡和捕获

作者:互联网

事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。)

捕获是从上级元素到下级元素,冒泡是从下级元素到上级元素.

设置事件为冒泡或捕获的方法

element.addEventListener(eventfunctionuseCapture

useCapture 可选。布尔值,指定事件是否在捕获或冒泡阶段执行。

可能值:
  • true - 事件句柄在捕获阶段执行
  • false- false- 默认。事件句柄在冒泡阶段执行

取消事件冒泡有两种方式:

标准的W3C 方式:e.stopPropagation();这里的stopPropagation是标准的事件对象的一个方法,调用即可

非标准的IE方式:ev.cancelBubble=true;  这里的cancelBubble是 IE事件对象的属性,设为true就可以了

取消默认事件

e.preventDafault()// 以click为例,触发后就不会触发点击,只触发冒泡

两者都取消

return false

标签:false,捕获,元素,处理事件,Js,事件,true,冒泡
来源: https://www.cnblogs.com/Forse/p/15480718.html