用chrome调试移动web页面，不触发tap事件

制作如下一个简单的移动web页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

    <title>test</title>
</head>
<body>
    
    <p id="p1" style="padding:5px; background-color:#f1f1f1;">
        test test test
    </p>

    <script type="text/javascript" src="../js/zepto.min.js"></script>
    <script type="text/javascript" src="../js/zepto.touch.js"></script>
    <script type="text/javascript">
    $(function(){
        $('#p1').on('tap', function(){
            alert(1);
        });
    });
    </script>
</body>
</html>

用chrome调试，界面如下：

但是，鼠标点击

并没有弹出alert，没有触发tap事件。这是为何？

很有可能你没引入zepto.event.js，载入这个js文件之后才可以使用on和off进行事件绑定和解绑，你把$("#p1").on("click",function(){});先改成$("#p1").tap(function(){});试试，或者加载zepto.event.js这个模块

我chrome中引用了ABP插件，卸载了就好了。。。奇怪的原因

【热门文章】