我是靠谱客的博主 粗犷大门，这篇文章主要介绍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()_冒泡_捕获内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复