苹果手机click事件失效

我是平时没事就搜集各种工作中有用的博客，哈哈

感谢分享https://blog.csdn.net/yydd199706/article/details/84954668

用一个div当做了一个按钮来使用。

<div class="button"><div class=" next_button button_left btn_red" style="width: 345px;">下一步</div>
</div>

因为是动态添加的内容，所以想要使用click事件，需要给他用on绑定一下：

$(document).on("click",".next_button",function(){alert();
});

这个时候，使用苹果手机访问的时候，发现了一个坑爹的问题，如论如何点击“下一步”，都没有任何反应，可是在安卓和各种模拟器中一切正常。后来经过查找资料才知道，苹果有这么个设置：
对于点击的对象，拥有cursor:pointer这个样式的设置，也就是说，鼠标放上去，能够出现“手”型的图标才被认作可以使用点击事件，于是果断增加了样式

<style>.next_button{cursor:pointer}
</style>

苹果手机click事件失效相关推荐

关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题
经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...
Vue 之移动端 better-scroll 下 click 事件失效问题（PC端却正常click点击）
Vue 之移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击) 目录 Vue 之移动端 better-scroll 下 click 事件失效问题(PC端却 ...
IView 给Submenu增加click事件失效解决方案
IView 给Submenu增加click事件失效解决方案参考文章: (1)IView 给Submenu增加click事件失效解决方案 (2)https://www.cnblogs.com/ouke ...
vue 移动端在div上绑定click事件失效
在.vue的文件中使用了better-scroll,在div标签上绑定click事件后,无效. 原因:使用了better-scroll,默认它会阻止touch事件.所以在配置中需要加上click: t ...
【踩错】解决ajax异步更新后控件的click事件失效的方法
2019-11-14 昨天做了一个在线投票网站,是为研究生院"良师益友"活动准备的. 在其中遇到一个问题,用 ajax 异步更新了导师列表,列表中有"投票"按钮 ...
开发移动端web页面click事件失效问题
这两天在做一个WAP页面,在chrome上模拟移动端的时候,都好好的,然而放到手机上测试时, 发现有些点击事件直接无反应,但是有些有反应: 难道是由于我页面上有用到滚动插件,里面的touch事件的pr ...
JS解决因循环绑定click事件失效
很多js新手都会在绑定事件遇到绑定失效的问题. 大致思路就是,比如用一个循环让对应的button按钮绑定对应的事件. 比如这样 <button id="1">1 < ...
IOS调试移动端弹窗遮罩input框focus和click事件失效
移动端的登录窗口绝大多数的做法是点击登录,然后弹出固定定位的遮罩窗口,输入用户名.密码等信息进行登录. 在IOS系统下,当input唤起键盘时,会导致遮罩下层的页面出现滚动和底部空白,这时就会影响到遮 ...
click事件在苹果手机失效的问题
用一个div当做了一个按钮来使用. <div class="button"><div class=" next_button button_left b ...

苹果手机click事件失效

苹果手机click事件失效相关推荐

最新文章

热门文章