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

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

css样式对IOS设备苹果手机不支持解决方法
css样式对IOS设备苹果手机不支持解决方法在写移动端的网页的时候发现到苹果的设备上浏览的时候按钮变成了苹果的灰色按钮. 在class文件中写入下面的代码可以解决. input[type=" ...
2021-06-10 工作笔记 ng-change不能触发的解决方法+wui-date日期选择器使用onchange调用函数报错
当通过JavaScript来修改ng-model的值,ng-change不能触发 <input type="number" ng-model="testNumber ...
Quill编辑器IOS下无法获取焦点的解决方法
Quill编辑器IOS下无法获取焦点的解决方法参考文章: (1)Quill编辑器IOS下无法获取焦点的解决方法 (2)https://www.cnblogs.com/slmk/p/8618296.h ...
MySQL Workbench/SQLyog 高分辨率屏幕上界面模糊的解决方法
MySQL Workbench/SQLyog 高分辨率屏幕上界面模糊的解决方法参考文章: (1)MySQL Workbench/SQLyog 高分辨率屏幕上界面模糊的解决方法 (2)https:// ...
finalshell连接超时怎么解决_电脑无线网络连接不上怎么回事电脑连不上无线网络的解决方法...
现在是一个网络多元化的时代,基本上家家户户都有电脑,用电脑就需要网络,今天我们要说的是无线网络,近日很多网络用户出现电脑连不上无限网络,又不知道如何处理,大家可以看看下面的电脑教程,帮你搞定无线网络连 ...
wordpress上传主题错误解决方法
wordpress上传主题错误解决方法一.登录wordpress管理后台二.上传主题包三.上传主题包报错四.生成php.ini文件 1.进入wordpress容器 2.复制php.ini文件 ...
苹果手机与安坐手机input输入框ios 会有灰色背景解决方法
苹果手机与安坐手机input输入框ios 会有灰色背景解决方法参考文章: (1)苹果手机与安坐手机input输入框ios 会有灰色背景解决方法 (2)https://www.cnblogs.com/ ...
执行cmd命令时:因为在此系统上禁止运行脚本的解决方法
执行cmd命令时:因为在此系统上禁止运行脚本的解决方法参考文章: (1)执行cmd命令时:因为在此系统上禁止运行脚本的解决方法 (2)https://www.cnblogs.com/cat-eol/ ...
MongoDB compass 连接不上远程服务器的解决方法
MongoDB compass 连接不上远程服务器的解决方法参考文章: (1)MongoDB compass 连接不上远程服务器的解决方法 (2)https://www.cnblogs.com/li ...

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

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

最新文章

热门文章