click事件在苹果手机失效的问题

用一个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>

转载地址：https://blog.csdn.net/yuexiage1/article/details/51612496

click事件在苹果手机失效的问题相关推荐

苹果手机click事件失效
我是平时没事就搜集各种工作中有用的博客,哈哈感谢分享https://blog.csdn.net/yydd199706/article/details/84954668 用一个div当做了一个按钮来使 ...
关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题
经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...
JS解决因循环绑定click事件失效
很多js新手都会在绑定事件遇到绑定失效的问题. 大致思路就是,比如用一个循环让对应的button按钮绑定对应的事件. 比如这样 <button id="1">1 < ...
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 异步更新了导师列表,列表中有"投票"按钮 ...
父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响
原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...
Firefox下代码触发a标签的click事件无效
通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签 ...

click事件在苹果手机失效的问题

click事件在苹果手机失效的问题相关推荐

最新文章

热门文章