android - Crosswalk Cordova - 单击延迟未由 ontouchstart 修复

Question

基本上，我有一个写有 :active 的 CSS 按钮，但每次我点击手机上的按钮时，在切换到 Activity 阶段之前会有延迟。

CSS:

.btn {...} .btn:active{...}

然后我尝试使用 "touchstart" 和 "touchend" 添加和删除我的 Activity 类，但在正常 -> touchstart 和 touchstart -> 之间仍然存在延迟 ->触摸端。

J查询:

$(".btn").on("touchstart", function(){
    $(this).addClass("touched");
}).on("touchend",function(){
    $(this).removeClass("touched");
})

如何消除我的延迟？

Answer 1

原来我没有提供足够的信息。

问题似乎是 Chrome 的 bug，box-shadow。我删除了所有的 box-shadow 属性，它的效果非常好。

我希望这个答案可以留在这里供遇到同样问题的其他人使用。此外，如果您的元标记说明 width = device width 对于较新的 Chrome，则不需要 fastclick。