Vue.js - 使用鼠标单击向下(而不是向上)的事件处理
Vue.js - event handling with on-mouse-click down (and not up)
使用 Vue.js 2 时,当我将 @click 事件添加到元素并尝试单击某些内容时,该事件直到我完成单击(按下 -> 向上)后才会触发。
如何在单击鼠标后立即触发事件?
示例:
<div @click="foo()">
Hello
</div>
您可以简单地在元素上使用 @mousedown
事件,就像 @click
一样,来处理 mousedown
事件。
<button @mousedown="mouseDown">
mouseDown
</button>
查看工作 fiddle:https://fiddle.jshell.net/mimani/feL03wgd/
使用 Vue.js 2 时,当我将 @click 事件添加到元素并尝试单击某些内容时,该事件直到我完成单击(按下 -> 向上)后才会触发。
如何在单击鼠标后立即触发事件?
示例:
<div @click="foo()">
Hello
</div>
您可以简单地在元素上使用 @mousedown
事件,就像 @click
一样,来处理 mousedown
事件。
<button @mousedown="mouseDown">
mouseDown
</button>
查看工作 fiddle:https://fiddle.jshell.net/mimani/feL03wgd/