ios系统safari浏览器在body上做事件代理无效

在ios系统中,window ,html,document,body绑定click事件,并且代理元素是不可点击元素(如div span等)的话,事件不会触发。但是如果是可点击元素(如button,a)的话,点击事件正常。
如下代码,不能触发。

$(body).on('click', '.clear', function () {
    alert(123);
})

解决方案:

  • 1.绑定到父级的可点击元素(如button,a)上
  • 2.绑定到父级的非document,html,body
  • 3.给目标元素或者父级添加css(cursor:pointer)

参考:

  • ios的click点击失效问题

你可能感兴趣的:(ios系统safari浏览器在body上做事件代理无效)