事件修饰符

Vue中的事件修饰符

  1、prevent:阻止默认行为。

  2、stop:阻止事件冒泡

  3、once:事件只触发一次

  4、capture:使用事件的捕获模式

  5、self:只有event.target是当前操作的元素是才触发事件

  6、passive:事件的默认行为立即执行,无需等待事件回调执行完毕

      例如wheel鼠标滚轮事件 在滚动的那一刻就执行回调 然后滚动条在往下挪,如果回调耗时很长会有卡顿

        我们可以使用@wheel.passive 来解决卡顿 也就是默认先行为在回调

推荐这些文章:

阻止冒泡 阻止默认事件

if ( event && event.stopPropagation ) {
event.stopPropagation();
}else {
window.event.cancelBubble = true;
}

if ( event && event.preventDefault ) {
event.preventDefault();
}else{
window.event.returnValue = false;
// return fa...

文章标题:事件修饰符
文章链接:https://www.dianjilingqu.com/4378.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>