我是靠谱客的博主 粗犷大门，最近开发中收集的这篇文章主要介绍addEventListener()_冒泡_捕获 1.捕获，先执行父元素的事件，再执行子元素的事件。上 -＞ 下。 2.冒泡，先执行子元素的事件，再执行父元素的事件。下 -＞ 上，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
实例-冒泡与捕获的不同。
div1
点击 p1-冒泡。
div2
点击 p2-捕获。
// 2.捕获。
document.getElementById(“p2”).addEventListener(“click”, function () {
e.stopPropagation(); // 阻止事假默认行为
alert(“p2”);
}, true);
document.getElementById(“capture”).addEventListener(“click”, function () {
alert(“div2”);
}, true);
e.stopPropagation(); // 阻止事件默认行为
最后
以上就是粗犷大门为你收集整理的addEventListener()_冒泡_捕获 1.捕获，先执行父元素的事件，再执行子元素的事件。上 -＞ 下。 2.冒泡，先执行子元素的事件，再执行父元素的事件。下 -＞ 上的全部内容，希望文章能够帮你解决addEventListener()_冒泡_捕获 1.捕获，先执行父元素的事件，再执行子元素的事件。上 -＞ 下。 2.冒泡，先执行子元素的事件，再执行父元素的事件。下 -＞ 上所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复