$(document).on(click)点击事件在ios无效的解决方案

摘要:以上代码在Pc浏览器和android上都能触发点击事件,但是在ios上点击却完全没有反应。在查询相关资料后发现:在ios中这些元素没有click事件,div本身默认是不可点击的。
<div id="name">点我</div>
<script>
	$(document).on("click", "#name", function() {
	    console.log()("name");
	});
</script>

以上代码在Pc浏览器和android上都能触发点击事件,但是在ios上点击却完全没有反应。在查询相关资料后发现:在ios中这些元素没有click事件,div本身默认是不可点击的。解决方案如下:


1、css样式:

给这个元素添加如下的css样式即可。

<style>
	#name{
		cursor: pointer;
	}
</style>


2、修改点击事件 

将click改为touchstart事件,或者共存

<script>
	$(document).on("click touchstart", "#name", function() {
	    console.log()("name");
	});
</script>


3、修改元素

把div的标签改为a标签,或者button标签即可


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7245