javascript - 如何在 Vue.js 中为 2 个事件调用一次相同的方法？

Question

我正在尝试创建一个适用于鼠标和触摸屏的应用程序。click 事件没有很好地工作，因为只要我开始拖动一点，它就不会触发 click 事件。

所以我创建了另一个事件，touchstart但现在触摸屏上的问题是该addPin方法在点击时被调用了两次。

<div @touchstart="addPin('1')" @click="addPin('1')">
  1
</div>

我不希望为此安装任何库。

标签： javascriptvue.jstouch

Answer 1

每当您点击屏幕时，都会执行一个点击事件。您使用不同的事件两次调用了相同的方法。您应该做的是使用已在此处回答的 javascript 确定输入是触摸事件还是单击事件