好资源导航 » 文章资讯 » iOS下Safari点击事件失效的解决方法

iOS下Safari点击事件失效的解决方法

2023-09-17 17:54:05 55

前言

本文主要给大家介绍了关于在iOS下Safari浏览器点击事件失效的相关解决方案，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

问题描述

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

可以使用下面的代码在iOS中进行测试。






iOSclickbugtest




ClickMe!

//或者$(document).on('click',....) $('body').on('click','.target',function(e){ alert('click'); });

解决办法

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

将click事件直接绑定到目标元素（即.target）上
将目标元素换成或者button等可点击的元素

将click事件委托到非document或body的父级元素上

给目标元素加一条样式规则cursor:pointer;

推荐后两种。

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

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

iOS下Safari点击事件失效的解决方法

热门推荐

随机推荐