document.onclick在ios上不触发的解决方法与touchstart点击穿透处理

document.onclick = function (e) {
    var e = e ? e : window.event;
    var tar = e.srcElement || e.target;
    if (tar.id != "searchData") {
        pagesZone.style.display = "none";
    }
}

　　以上代码在电脑浏览器和安卓上都能触发alert事件，但是在iOS上却完全没有反应。
　　如果这个name标签是button的可click事件则是可以触发的，因为div本身默认不可点击 。
1、有一个解决方法是给这个元素添加css 

.name{ 
　　curser:pointer; 
} 

2、还可以将click改为touchstart事件，或者共存 

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

　　不过touch系列事件有点击穿透问题，解决方案如下：

　　把页面内所有click全部换成touch事件（ touchstart 、’touchend’、’tap’）， 需要特别注意 a标签，a标签的href也是click，需要去掉换成js控制的跳转，或者直接改成span + tap控制跳转。如果要求不高，不在乎滑走或者滑进来触发事件的话，span + touchend就可以了，毕竟tap需要引入第三方库。

转载于:https://www.cnblogs.com/xulei1992/p/6559386.html