网页前端设计

http://www.86y.org

搜索文章

$(document).click 在iphone上不触发事件解决办法

用声音读出全文关注我吧
 2018/3/14 10:51:26 阅读次数:508
<div class="name">点我</div>
$(document).on("click", ".name", function() {
	alert("name");
});

以上代码在电脑浏览器和安卓上都能触发alert事件,但是在ios上却完全没有反应
查阅了很多信息后,说是iphone这些元素上没有click事件,它是touch事件,
就是说如果这个name标签是button的可click事件则是可以触发的,因为div本身默认不可点击
1、有一个解决方法是给这个元素添加css

.name{
cursor:pointer;
}

这样是可以解决的
2、但是如果你觉得粗暴的话,可以将click改为touchstart事件,或者共存

$(document).on("click touchstart", ".name", function() {
alert("name");
});

2018/1/19添加
这个现在微信打开,安卓事件也是没有触发,上面2种方法依然适用,但是touchstart个人觉得滑动页面的时候会误触,还是喜欢用click + cursor


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
如需转载请注明出处:http://www.86y.org/art_detail.aspx?id=849【 $(document).click 在iphone上不触发事件解决办法】幸凡学习网
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭