本文主要是介绍事件捕获,事件冒泡,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
先 捕获 再 冒泡
js的事件冒泡机制呢,就是一个DOM树,一级一级向上冒的过程,最终是到document这个根节点这里。js的事件冒泡机制,就像是一个水泡在水底下,冒泡到水面的过程。
捕获:从上往下;--> 目标阶段;--> 冒泡:从下往上。
DOM事件流
DOM2级事件规定的事件流包括 三个阶段:
注意:在DOM事件流中,实际的目标在捕获阶段不会接收到事件,下一个阶段是处于目标阶段,这时事件被触发,最后进入事件冒泡阶段。我们认为处于目标阶段是事件冒泡阶段的一部分。
另:
1.event.stopPropagation()方法
这是阻止事件的冒泡方法,不让事件向document上蔓延,
但是默认事件任然会执行,当你调用这个方法的时候,
如果点击一个连接,这个连接仍然会被打开,
2.event.preventDefault()方法
这是阻止默认事件的方法,调用此方法是,连接不会被
打开,但是会发生冒泡,冒泡会传递到上一层的父元素;
3.return false ;
这个方法比较暴力,他会同时阻止事件冒泡也会阻止默认
事件;写上此代码,连接不会被打开,事件也不会传递到
上一层的父元素;可以理解为return false就等于同时
调用了event.stopPropagation()和event.preventDefault()
这篇关于事件捕获,事件冒泡的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!