当前位置:   article > 正文

js中@click.stop与@click.prevent

@click.stop

1.@click.stop-阻止事件冒泡执行

简单的就是说,一个父节点A,包含的子节点B;A与B都绑定对应的事件a与b。在B节点绑定对应的事件@click.stop(b)。只执行b方法。

如果使用@click(b)会冒泡执行@click(a)方法

使用场景

如果只需要点击子元素执行对应的方法,实际会先触发子元素的方法 ,再执行父元素的方法;

可以使用@click.stop(阻止点击事件的传播)

2. click.prevent-阻止事件的默认行为

使用场景

阻止事件的默认行为,阻止触发dom的原始事件,执行click.prevent(c)执行自定义的事件c

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/79418
推荐阅读
相关标签
  

闽ICP备14008679号