JS click延迟解决方案
2024-09-07 01:27:34
click延迟解决方案
移动端click事件会有300ms的延迟,原因是移动端屏幕双击会缩放页面
1、禁止缩放功能 浏览器禁用默认双击缩放行为去掉300ms的点击延迟 user-scalable=no
2、利用touch事件自己封装这个事件解决300ms
3、使用fastclick插件
先引用fastclick.js文件
然后添加
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function () {
FastClick.attach(document.body);
}, false);
}
这样页面中使用的点击事件全部取消了延迟时间
<script src='./fastclick.js'></script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function () {
FastClick.attach(document.body);
}, false);
}
var goback = document.querySelector('.goback')
goback.addEventListener('click', function () {
alert('ok')
})
最新文章
- C#对象先序列化然后反序列化时间丢失八小时的问题
- Excel大批量导入数据到SQLServer数据库-万条只用1秒
- PHP开发工具
- PHP面向对象——静态属性和静态方法
- 《JavaScript语言精粹》之函数化
- 微信开发(03)之新建按钮时报错 errcode 40054
- ReactiveCocoa入门教程：第一部分
- 二叉索引树BIT
- [PCL]4 PCL中图像匹配的几个类图
- JSP/Servlet(一)
- 我从.net转别的语言的遭遇，现在貌似又要回头（一）
- stringify 字符串转化成json方法
- 计蒜客NOIP模拟赛4 D1T2小X的密室
- isinstance_issubclass
- Memory and Trident（CodeForces 712B）
- using Redis in .net core
- elasticsearch-java异常
- userdel删除用户失败提示：userdel: user * is currently logged in 解决方法
- laravel queue 修改之后不生效的坑
- mysql对查出来的值，在sql里面拼接我们想要拼接的内容