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需要引入第三方库。

posted @   Redchar  阅读(7174)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示