我正在使用phonegap,需要使用'touchstart'来加速点击响应,只是意识到'touchstart','touchmove','touchend'都没有触发,而是'click'。
我什至在内置浏览器(7" android 4.0.3 平板电脑)中测试了一个简单的页面,发现它失败了。
我在两块平板电脑上测试过还是一样的。在以下页面中,button2 仅显示“html_click”,button3 仅显示“click”:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width">
<title>Droid touch event test.</title>
</head>
<body>
<button id="button">touch it</button>
<button id="button2" ontouchstart="d_('html_touchstart')" onclick="d_('html_click')">html</button>
<button id="button3">touch 3</button>
<div id="db"></div>
<script>
function $(d){return document.getElementById(d)}
function d_(m){dbo.innerHTML=dbo.innerHTML+' '+m}
function ts1(e){d_('document touched')}
function ts2(e){d_('button touched')}
function eh(e){
d_(e.type);
}
var ets='touchstart',dbo=$('db');
document.addEventListener(ets,ts1,false);
$('button').addEventListener(ets,ts2,false);
$('button3').addEventListener(ets,eh,false);
$('button3').addEventListener('touchend',eh,false);
$('button3').addEventListener('click',eh,false);
</script>
</body>
</html>
为什么'touchstart没有触发?我应该做些什么来使触摸事件起作用吗?或者有没有其他方法可以让点击响应更快?
我使用mousedown
事件,工作但不是特别快。
(new Date()).getTime()
和之间的差异(包括一些innerHTML
变化)仅在 15 左右。mousedown
click