H5开发：fastclick取代tap

最新推荐文章于 2024-08-09 07:59:43 发布

Generon

最新推荐文章于 2024-08-09 07:59:43 发布

阅读量1k

点赞数

分类专栏： H5开发

本文链接：https://blog.csdn.net/Generon/article/details/78092874

版权

H5开发专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文介绍了在H5开发中如何使用Fastclick库来解决移动端300ms延迟点击问题，通过在页面加载完成后绑定Fastclick到body元素，实现平滑的点击体验。同时展示了Fastclick的两种引入方式：原生JavaScript和jQuery。示例代码中展示了Fastclick应用后的点击事件示例。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>fastclick说明书</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
</head>
<body>
<button id="box">click me!</button>
<script type="text/javascript">
    /*注释：两个入口可选其一,引用的js包必须放到标签上边*/
    //入口1：原生入口
    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function(){
            FastClick.attach(document.body);
        }, false);
    }
    //入口2：jquery入口（如果使用jquery的话，使用以下入口即可）
    /*$(function() {
        FastClick.attach(document.body);
    });*/
    
    //点击效果
    document.querySelector("#box").addEventListener("click",function(){
        alert("click me!");
    },false)
</script>
</body>
</html>