jQuery点击事件在iOS失效

1.jQuery点击事件，在Android手机上点击事件是可以的，但是iOS手机没反应。

js 生成的DOM，不是HTML写的

用 $('.btn').on("click",function(){}); 这样点击事件可能会不生效。

需要这样事件委托，$('XXX').on('click','.btn',function(){}); ('XXX' 是HTML上的btn的一个父级dom) ,才会生效。

但是当$(document).on('click','.btn',function(){}); 或者 $( body).on('click','.btn',function(){}); 会失效

问题描述：

当使用委托给一个元素添加click事件时，如果事件是委托到 document或 body上，并且委托的元素是默认不可点击的（如 div, span等），此时 click事件会失效。

解决方法

1、将目标元素换成a或者button等可点击的元素；

2、将 click 事件委托到非 document 或 body 的父级元素上；

3、给目标元素加一条样式规则 cursor: pointer（记住加 *{ -webkit-tap-highlight-color: transparent;} ）。

作者：张凯斯
链接：https://www.jianshu.com/p/490ad3df0480
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

jQuery点击事件在iOS失效相关推荐

ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
jquery 点击事件切换样式
jquery 点击事件切换样式 $('#FatherName').on('click', '.ClassName', function(e){$('.ClassName').removeClass(' ...
jQuery 点击事件冲突
jQuery 点击事件冲突:img上有点击方法,btn在img上也有点击方法:点击btn时会同时触发两者事件在btn的onclick事件里加上阻止冒泡:JQuery的 : event.stopP ...
jquery 点击事件第一次点击选中第二次点击改变状态
jquery点击事件第一次选中:第二次消失 $("#myCard li").val(1); $("#myCard li").click(functio ...
jquery 点击事件点击元素添加和移除class
jquery 点击事件点击元素添加和移除class 怎么实现点击一个元素给它添加class,再点击一个元素移除上一个元素的class,再给现在点击的元素添加class <div class=&q ...
jquery中点击事件click的写法
jquery中点击事件click的写法: <input type="button" "test1()" id="btn1" value ...
Jquery点击事件连续执行多次
最近写界面点击事件时,第一次执行好好的,控制台输出一个结果,但再执行几次的时候就连续出现了相同的输出结果,给后台也是连续传送的,所以后台也连续返回了几个结果,是什么原因呢? 原来是由于jquery点击 ...
jquery点击事件失效原因和解决办法
今天遇到的一个问题:在使用jQuery绑定点击事件的时候,动态添加元素的时候,会遇到点击无效的情况: 例如:给dl里添加dd元素,并给dd绑定点击事件 $("dl").append ...
php jquery点击事件,jQuery操作html元素点击事件详解
这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...

jQuery点击事件在iOS失效

1.jQuery点击事件，在Android手机上点击事件是可以的，但是iOS手机没反应。

jQuery点击事件在iOS失效相关推荐

最新文章

热门文章