Webapp，使用<a>标签做点击按钮，为什么会有卡顿的感觉？

[NicholasNC]

如上图所示，做了一个 webapp ，上图中各个按钮都是用标签做的（除了输入框）。当中 js 的逻辑很简单，只是点击之后增加 /删除一个 class 。然后，在安卓下是没问题的，但在 ios 下有明显的 卡顿 的感觉

另外，下图。点击 + 输入框不断加 1 ，安卓下一点问题都没有，连续点击、连续加 1 ，但是 ios 打死都不行， 连续 点击 只算一次 ，也就是连续点击 n 次之后还是当作点击了一下，只是做了一次+1 操作

我才这两种情况都是同一个原因，但具体不知道为什么为这样。

[CodingMonkey]

通过 "click" 来监听点击事件的话, safari 会有 300ms 的延时

[CodingMonkey]

可以借助 [fastclick]( https://github.com/ftlabs/fastclick) 来做兼容

[newbieo0O]

浏览器默认 double tap 是放大功能。系统需要延迟检测是不是你想要放大页面，所以感觉慢。

[NicholasNC]

@CodingMonkey 好的，问题确实是 300ms 的延时，用 fastclick 确实可以解决问题。

谢谢(*^__^*)

[YuJianrong]

iOS 8 之后， WKWebView 和 Safari 只要加了 <meta name="viewport" content="user-scalable=no"> 就没有 300ms 延迟了。你没加？

[NicholasNC]

@YuJianrong

`<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">`

有加，不过还是有问题

[NicholasNC]

[移动端 click 事件延迟 300ms 到底是怎么回事，该如何解决？]( http://www.xiaomeiti.com/note/3585)

这篇文章感觉可以

[YuJianrong]

@NicholasNC 不知道是不是和你用了 initial-scale=0.5 这种数值有关。