javascript - 移动网络按钮上的 Js 事件

Question

我正在开发一个移动网络环境，其中我有一个简单的图像，如下所示:

<img src='img/up.png' onmousedown="hourUse('hours',1);">

js 函数只是将数字加 0.5:

function hourUse(cId,cMode) {
var current = parseFloat($('#'+cId).val());
var newRes = current+0.5;
$('#'+cId).val(newRes);
}

这很好用。然而，在移动设备上测试时似乎有一点延迟。这意味着不能“快速”点击按钮来增加数字。用户必须以“慢速”单击按钮才能增加数字。

不太确定该怎么办(如果可以做的话)

谢谢

Answer 1

正如你所说:

This works fine. However, it seems that when testing it on mobile there is a small delay. (is TRUE)

原因是，默认情况下，在调用该函数之前，浏览器会等待大约300毫秒，等待可能发生的 doubleClick/doubleTap 事件 ( hourUse('hours',1); 在本例中)。

有一些可用的解决方案，请检查名为 FastClick 的库(Polyfill 可消除具有触摸 UI 的浏览器上的点击延迟)。

这是链接:https://github.com/ftlabs/fastclick