用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事件。这是为何？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我chrome中引用了ABP插件，卸载了就好了。。。奇怪的原因
很有可能你没引入
zepto.event.js，载入这个js文件之后才可以使用on和off进行事件绑定和解绑，你把$("#p1").on("click",function(){});先改成$("#p1").tap(function(){});试试，或者加载zepto.event.js这个模块