美文网首页前端兼容性
IOS下点击事件失效的情况及解决方法

IOS下点击事件失效的情况及解决方法

作者: nickfox | 来源:发表于2016-09-24 10:01 被阅读2933次

今天遇到了这样的问题,很简单的一个点击事件

$(document).on('click', 'dl dt', function() {
  //something()
});

在pc以及安卓设备都是正常的,但是在ios上面就失效了。


问题描述:
当使用委托给一个元素添加click事件时,如果事件是委托到 document或 body上,并且委托的元素是默认不可点击的(如 div, span等),此时 click事件会失效。
解决方法
1、​将 click 事件直接绑定到目标​元素(​​即 .target)上;
2、将目标​元素换成 a 或者button 等可点击的​元素;
​3、将 click 事件委托到​​​​​非 document 或 body 的​​父级元素上;
​4、给​目标元素加一条样式规则 cursor: pointer。

相关文章

网友评论

    本文标题:IOS下点击事件失效的情况及解决方法

    本文链接:https://www.haomeiwen.com/subject/mgrxyttx.html