
- 在web开发中,经常遇到 IOS 的 Safari 浏览器,某些情况下会在div,span等默认没有点击事件的元素上绑定事件,就会发现在Safari中,这些点击事件无效
解决办法
- 将 click 事件直接绑定到目标元素(即 .target)上
- 将目标元素换成 <a> 或者 button 等可点击的元素(一些测试到,不要在a标签上加 href属性,我在项目中没有加,目前还没测试)
- 给目标元素加一条样式规则 cursor: pointer
- 将 click 事件委托到非 document 或 body 的父级元素上
推荐第三种,因为在Safari中默认不可点击的元素也不会冒泡到父元素。通过cursor: pointer;使元素变为可点击的。
网友评论