今天遇到了这样的问题,很简单的一个点击事件
$(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。
作者:nickfox
链接:https://www.jianshu.com/p/e69b38c7fa75
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。