300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法

时间:2023-02-23 11:21:02

相关推荐

iOS Safari 中click点击事件失效的解决办法

转载自:/Steping/p/5737547.html

问题起因:

在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行)

问题描述

当使用委托给一个元素添加click事件时,如果事件是委托到documentbody上,并且委托的元素是默认不可点击的(如div,span等),此时click事件会失效。

解决办法

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

​将click事件直接绑定到目标​元素(​​即.target)上将目标​元素换成<a>或者button等可点击的​元素​将click事件委托到​​​​​非documentbody的​​父级元素上​给​目标元素加一条样式规则cursor: pointer;

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

引用:/solve-ios-safari-click-event-bug/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。