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

div class="name">点我div>$(document).on("click", ".name", function() {alert("name");});以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件，就是说如果这个name标签是button

Cookysurongbin

23260人浏览 · 2016-12-12 10:35:13

Cookysurongbin · 2016-12-12 10:35:13 发布

<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