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;使元素变为可点击的。