事件捕获和事件冒泡

最新推荐文章于 2024-04-05 11:31:21 发布

小墨宝

最新推荐文章于 2024-04-05 11:31:21 发布

阅读量92

点赞数

分类专栏： js vue

本文链接：https://blog.csdn.net/qq_38935512/article/details/103806922

版权

vue 同时被 2 个专栏收录

130 篇文章 1 订阅

订阅专栏

69 篇文章 0 订阅

订阅专栏

可用addEventListener(); //所有主流浏览器，除了IE8及更早IE版本

body的事件
ele.addEventListener("click",function(){
	console.log("111")
},true)

div的事件
ele.addEventListener("click",function(){
	console.log("222")
},true)
第三个参数为 useCapture（可选）

1.useCapture：true 事件捕获：先执行 body 事件再执行 div事件
（e.preventDefault()和 return false）
vue： self
2.useCapture：false 事件冒泡：先执行div事件再执行body事件
（e.stopPropagation()，IE则是使用e.cancelBubble = true）
vue:stop