解决使用click事件苹果手机连续点击多次出现的Bug

Posted 2023-03-21

参考技术A 测试时，使用苹果手机的点击事件会慢300ms,并且连续点击评论框底部会出现多余空白。评论框应该固定在底部的。

为什么会延迟300ms，谷歌是这样说的：在移动浏览器中，当你点击按钮的单击事件时，将会等待大约300ms的时间。这是因为，浏览器是等着看，如果你是真正执行双击。
android 设备上的 google浏览器 （Chrome） 32+ 版本，在meta头信息中设置  width=device-width  没有300毫秒的延时，所以也无需使用本插件。

出现底部留白是由于延迟又多次点击出现的，只需要解决延迟问题，防止多次点击即可。

在页面中引入https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js，再加入FastClick.attach(document.body);即可解决。完美！