Safari 浏览器中点击事件失效

Safari浏览器

• 在web开发中，经常遇到 IOS 的 Safari 浏览器，某些情况下会在div，span等默认没有点击事件的元素上绑定事件，就会发现在Safari中，这些点击事件无效

解决办法

1. 将 click 事件直接绑定到目标​元素（​​即 .target）上
2. 将目标​元素换成 或者 button 等可点击的​元素（一些测试到，不要在a标签上加 href属性，我在项目中没有加，目前还没测试）
3. 给​目标元素加一条样式规则 cursor: pointer
4. 将 click 事件委托到​​​​​非 document 或 body 的​​父级元素上

推荐第三种，因为在Safari中默认不可点击的元素也不会冒泡到父元素。通过cursor: pointer;使元素变为可点击的。