Vue.js - 鼠标点击向下(而不是向上)的事件处理 [英] Vue.js - event handling with on-mouse-click down (and not up)

问题描述

在 Vue.js 2 中，当我向元素添加 @click 事件并尝试单击某些内容时，直到我完成单击(按下 -> 向上)后才会触发该事件.

如何在鼠标点击后立即触发事件?

示例:

你好

解决方案

你可以简单地在元素上使用 @mousedown 事件，就像 @click 一样，来处理mousedown 事件.

鼠标按下

参见工作小提琴:https://fiddle.jshell.net/mimani/feL03wgd/

With Vue.js 2 when I add in an @click event to an element and attempt to click something, the event isn't triggered until after I have completed my click (press down -> up).

How do I trigger an event immediate after a mouse click down?

Example:

<div @click="foo()">
    Hello
</div>

解决方案

You can simply use @mousedown event on the element, just like @click, to handle the mousedown event.

<button @mousedown="mouseDown">
   mouseDown 
</button>

See working fiddle: https://fiddle.jshell.net/mimani/feL03wgd/

这篇关于Vue.js - 鼠标点击向下(而不是向上)的事件处理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！