Jquery的$(document).click() 在iphone手机上失效的问题

原创于 2019-05-15 19:09:31 发布 · 1.6k 阅读

CC 4.0 BY-SA版权

2 篇文章

订阅专栏

本文探讨了在iPhone设备上div元素无法响应点击事件的问题，并提供了三种有效解决方法：1) 将div替换为button元素；2) 使用JQuery的$('.login').click()替代$(document).on();3) 为div添加cursor:pointer;样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当一个div用来做按钮点击事件

<div class="login">登录</div>
<script>
	$(document).on("click",".login",function(){
	    alert('login');
	});
</script>

就是这样一个点击事件在iPhone手机上是无效的，查阅资料说是div自身没有点击事件，和自身带点击事件的button不同，如果把上面的div标签改成button在iPhone就是有效的。

经过我摸索发现，把$(document).on()改成Jquery的$('.login').click()居然在iPhone手机上是有效的，具体原因没去深究。

<style>
	.login {
		cursor: pointer;
	}
</style>

只需给div加一个手型样式就可在iPhone手机上实现点击事件了。