当使用委托给一个元素添加click事件时，如果事件是委托到 document或者body上，并且委托的元素是默认不可点击的（如 div，span等），此时click事件会失效。
解决办法
解决办法有4种可供选择：
1、将click事件直接绑定到目标元素（即 .target）上。
2、将目标元素换成<a>或者button等可点击的元素。
3、将click事件委托到非document或body的父级元素上。
4、给目标元素加一条样式规则cursor:pointer;
推荐后两种，从解决办法来看，推测在safari中，不可点击的元素的点击事件不会冒泡到父级元素。通过添加cursor:pointer使得元素变成可点击的了。
当使用委托给一个元素添加click事件时，如果事件是委托到 document或者body上，并且委托的元素是默认不...
前两天刚碰到Safari中点击事件的问题 , 过了没多久又碰到滚动失效的事件 类库: jquery Safari ...
h5在ios中点击失效 问题1：直接给元素绑定 click 事件失效 解决：可以改成绑定 touchend 事件 ...
问题 当委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是...
作者：陈 三时间：2015-05-01主题：iOSSafari分类：前端开发 我久远的记忆中，自己曾经碰上过这一问...
iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理 iOS safari浏...
默认不可点击的元素，事件委托到document body 上，在ios safari 上事件不生效 解决方案：（...
ios设备移动端点击无效click失效的解决办法 但是电脑浏览器都能触发,查了资料是ios中不允许将点击事件绑定在...
ios中不允许将点击事件绑定在document或者body上，如果绑定上的话将会失效。 例如： $('body')...
在web开发中，经常遇到 IOS 的 Safari 浏览器，某些情况下会在div，span等默认没有点击事件的元素...
本文标题：ios safari中点击事件失效的解决方法
本文链接：https://www.haomeiwen.com/subject/wwtazttx.html
网友评论