IOS Safari与微信浏览器中点击事件失效的解决办法

使用当委托给一个元素添加click事件时，如果的英文事件委托到document或body上，并且委托的元素是默认不可点击的（如div，span等），此时click事件会失效。

可以使用下面的代码在iOS中进行测试。

  
  
  
    
    
    

    
  
  
    

        
 Click Me! 
    

    
    
  
  

解决办法

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

1. 将click事件直接绑定到目标元素（即.target）上
2. 目标将换成元素或者button等柯林斯点击的元素
3. 将click事件委托到非document或body的父级元素上
4. 给目标元素加一条样式规则 cursor: pointer;

推荐后两种。从解决办法来看，推测在safari中，不可点击的元素的点击事件不会冒泡到父级元素。通过添加cursor: pointer使得元素变成了可点击的了。

 

原文https://happycoder.net/solve-ios-safari-click-event-bug/