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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3007 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

8 条回复 • 2016-08-30 10:32:38 +08:00

CodingMonkey

2016-08-30 09:41:25 +08:00

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

CodingMonkey

2016-08-30 09:42:32 +08:00

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

newbieo0O

2016-08-30 09:45:12 +08:00

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

NicholasNC

2016-08-30 10:11:14 +08:00

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

谢谢(*^__^*)

YuJianrong

2016-08-30 10:11:53 +08:00

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

NicholasNC

2016-08-30 10:16:40 +08:00

@YuJianrong

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

有加，不过还是有问题

NicholasNC

2016-08-30 10:24:00 +08:00

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

这篇文章感觉可以

YuJianrong

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

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