IOS - Safari中click点击事件无效
做web移动端页面时,安卓端一点问题也没,发现在ios真机上点击事件无效,发现Safari下只有默认可点击的元素才click点击事件,像span div等元素是不具有点击事件的。
解决问题四种方式:
1.将 click 事件直接绑定到目标元素(即 .target)上
2.将 click 事件委托到非 document 或 body 的父级元素上
3.将目标元素换成 <a> 或者 button 等可点击的元素
4.给目标元素加一条样式规则 cursor: pointer;
推荐最后一种,因为在Safari中默认不可点击的元素也不会冒泡到父元素。用过cursor: pointer;使元素变为可点击的。