$(document).on('click', '.sel_font', function(){}) 在iphone上不触发事件解决办法

原创于 2018-08-02 08:27:50 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#$(document).on(&#039;click&#039; #iphone click不触发

js 专栏收录该内容

7 篇文章

订阅专栏

本文探讨了一段JavaScript代码在Android设备上正常运行而在iPhone上无法响应点击事件的问题。通过调整CSS属性和监听touchstart事件，最终解决了该跨平台兼容性难题。

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

##问题：
最近写js遇到以下问题，同样的代码在android上成功运行，iphone不能运行：

//以下代码不被触发
$(document).on('click', '.sel_font', function(){
	console.log('sel_font被点击了！！！');
})
//但是同一个页面的其它的这种写法，会被触发
$(document).on('click', '.box', function(){
	console.log('box被点击了！！！');
})
//突然发现 .sel_font 是一个没写css样式的class

##解决：

//在网上查询到了两种解决方案

// 1. 声明class样式
	.sel_font {
		cursor: pointer;
	}
// 2. 同时监听 touchstart 事件。 没尝试
	$(document).on('click touchstart', '.box', function(){
		console.log('box被点击了！！！');
	})