document.onclick在ios上不触发的解决方法与touchstart点击穿透处理
2017-03-16 14:39
211 查看
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需要引入第三方库。
相关文章推荐
- fragment点击穿透事件触发解决方法
- IOS 开发两个按钮(button)很近的时候同时触发事件解决的方法(setExclusiveTouch)
- 移动端开发ios下body点击事件无法触发的解决方法
- ios 点击穿透以及延迟300ms解决方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- 3_loadmore faskclick ios中滑动会触发点击事件的解决方法
- iOS 解决页面按钮同时点击,同时触发问题 设置所有UIButton的ExclusiveTouch属性为YES
- iOS解决按钮短时间内多次点击只触发一次事件方法(开始写博客)
- iOS解决按钮短时间内多次点击只触发一次事件方法
- IE下按回车键会自动触发button 按钮的点击事件的解决方法
- IOS UIView直接响应点击事件的解决方法
- 新建Android AVD,点击start、launch,出现进度条后无任何反应,也没报错(可能的问题及解决方法)
- IOS 子视图touch,父视图Ges手势冲突问题解决方法
- OCruntime交换方法用在处理iOS版本跨度问题的解决
- GridView 中点击更改不能触发RowUpdating事件的解决方法
- 【转】iOS 上常用的两个功能:点击屏幕和return退出隐藏键盘和解决虚拟键盘挡住UITextField的方法
- iOS 上常用的两个功能:点击屏幕和return退出隐藏键盘和解决虚拟键盘挡住UITextField的方法
- IScroll5+在ios、android点击(click)事件不兼容解决方法
- iOS下Safari点击事件失效的解决方法
- iOS 利用运行时交换系统方法实现禁止同时点击两个按钮触发多个事件