ios点击事件失效

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

$(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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,910评论 1 11
  • 1.jQuery点击事件,在Android手机上点击事件是可以的,但是iOS手机没反应。 js 生成的DOM,不...
    张凯斯阅读 6,839评论 0 1
  • 问题 当委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是...
    谢大见阅读 11,937评论 0 0
  • 出现的BUG 当使用事件委托给【目标元素】添加 click 事件时,如果【代理元素】是 document或body...
    G_whk阅读 3,342评论 0 0
  • 本文参加#未完待续,就要表白#活动,本人承诺,文章内容为原创,且未在其他平台发表过。 2016/11 我正式成为广...
    蔍蔍阅读 12,294评论 1 3

友情链接更多精彩内容