移动 web 按钮上的 Js 事件答案

【问题标题】：Js event on button for mobile web移动 web 按钮上的 Js 事件
【发布时间】：2014-03-22 12:14:44
【问题描述】：

我正在开发一个移动网络环境，我有一个这样使用的简单图像：

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

js 函数只是将 .5 加到一个数字上：

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

这很好用。但是，似乎在移动设备上进行测试时会有一点延迟。这意味着不能“快速”点击按钮来增加数字。用户必须以“缓慢的速度”点击按钮才能增加数量。

不太确定该怎么做（如果可以做的话）

谢谢

【问题讨论】：

【解决方案1】：

如你所说：

这很好用。但是，似乎在移动设备上进行测试时有一点延迟。（是真的）

原因是默认情况下，浏览器在调用函数（在本例中为hourUse('hours',1);）之前等待大约300 ms 等待possible doubleClick/doubleTap event。

有一些可用的解决方案，请查看名为 FastClick 的库（Polyfill 以消除带有触摸 UI 的浏览器上的点击延迟）。

【讨论】：