移动网络按钮上的Js事件

时间:2014-03-22 12:14:44

标签: javascript jquery mobile-website

我正在开发一个移动网络环境,我有一个像这样的简单图像:

<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);
}

这很好用。但是,似乎在移动设备上进行测试时会有一点延迟。 这意味着按钮无法轻敲&#34;快速&#34;增加数量。用户必须以慢速&#34;慢速点击按钮。为了增加数量。

不太清楚如何处理(如果可以做任何事情)

谢谢

1 个答案:

答案 0 :(得分:2)

正如你所说:

  

这很好用。但是,似乎在移动设备上进行测试时   有一点延迟。 (是的)

原因是默认情况下,在调用此函数(300 ms之前,浏览器的等待关于possible doubleClick/doubleTap event的{​​{1}}情况)。

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

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