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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 3527 days ago, the information mentioned may be changed or developed.

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

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

8 replies 2016-08-30 10:32:38 +08:00

CodingMonkey

Aug 30, 2016

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

CodingMonkey

Aug 30, 2016

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

newbieo0O

Aug 30, 2016

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

NicholasNC

Aug 30, 2016

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

谢谢(*^__^*)

YuJianrong

Aug 30, 2016

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

NicholasNC

Aug 30, 2016

@YuJianrong

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

有加，不过还是有问题

NicholasNC

Aug 30, 2016

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

这篇文章感觉可以

YuJianrong

Aug 30, 2016

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