微客导航 » 文章资讯 » 详解Vue 事件修饰符capture 的使用

详解Vue 事件修饰符capture 的使用

2023-09-18 14:48:05 165

.capture事件修饰符的作用添加事件侦听器时使用事件捕获模式

即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。

就是谁有该事件修饰符，就先触发谁。

代码如下：





.capture事件修饰符

*{
margin:0auto;
text-align:center;
line-height:40px;
}
div{
width:100px;
}
#obj1{
background:deeppink;
}
#obj2{
background:pink;
}
#obj3{
background:hotpink;
}
#obj4{
background:#ff4225;
}






obj1

obj2

obj3

obj4

varcontent=newVue({ el:"#content", data:{ id:'' }, methods:{ doc:function(){ this.id=event.currentTarget.id; alert(this.id) } } })

总结

以上所述是小编给大家介绍的Vue事件修饰符capture的使用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

详解Vue 事件修饰符capture 的使用

热门推荐

随机推荐