当前位置:Gxlcms > JavaScript > 有关javascript中事件冒泡和事件捕获机制

有关javascript中事件冒泡和事件捕获机制

时间:2021-07-01 10:21:17 帮助过:8人阅读

这篇文章主要介绍了javascript 中事件冒泡和事件捕获机制的详解的相关资料,网上的相关资料有很多,但是讲的不是多清楚,通过本文希望能让大家理解掌握,需要的朋友可以参考下

javascript 中事件冒泡和事件捕获机制的详解

二者作用:描述事件触发时序问题

事件捕获:从document到触发事件的那个节点,即自上而下的去触发事件---由外到内

事件冒泡:自下而上的去触发事件---由内到外

绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获

true,事件捕获;false,事件冒泡

一般默认false,即事件冒泡

Jquery的e.stopPropagation会阻止冒泡,意思就是到DOM为止,祖先级的事件就不要触发了

下面是我尝试的例子:


例子里我加了第三个true,是事件捕获。

如果不加则是默认的事件冒泡,这时候事件触发时序就是自内向外

以上就是有关javascript中事件冒泡和事件捕获机制的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行