IOS下Safari中click点击事件无效

做web移动端页面时，发现在ios真机上点击事件无效，然后各种找度娘，发现Safari下只有默认可点击的元素才click点击事件，像span div等元素是不具有点击事件的。在此归纳一下解决办法，也可参考js点击事件无效这篇文章。

解决办法有 4 种可供选择：

1. 将 click 事件直接绑定到目标元素（即 .target）上

2. 将目标元素换成 <a> 或者 button 等可点击的元素

3. 将 click 事件委托到非 document 或 body 的父级元素上

4. 给目标元素加一条样式规则 cursor: pointer;

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

作者：Joydezhong
链接：https://www.jianshu.com/p/9f8b401ac807