用事件修饰符来修改事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用事件修饰符来修改事件相关的知识,希望对你有一定的参考价值。

功能:当鼠标移动到"DEAD SPOT"上时,停止更新位置信息。
默认的,鼠标在P标签位置这一行移动时,由于有v-on,默认的会有一个默认的event事件对象自动创建给函数。所以当我在这一行移动时,eventX和eventY的值会不断变化。
现在的目的就是到鼠标移动到"DEAD SPOT"时,不传递event事件对象给p标签。
我想通过这个函数得到一个事件,也就是自动传递给函数的这个事件,然后调用stopPropagation()函数,确保事件不会传播给绑定有这个属性的元素,
阻止事件的传播,这个事件已经交由内部元素处理,不让事件传播到有这个属性的元素上,

技术分享图片

也可以用事件修饰符来完成此功能:
技术分享图片

以上是关于用事件修饰符来修改事件的主要内容,如果未能解决你的问题,请参考以下文章

Vue—事件修饰符

Vue修饰符

Vue基础

vue的sync修饰符

java中interface不能用啥修饰符来修饰

浅析Vue中的 .sync 修饰符