苹果手机 jquery点击事件无效

最新推荐文章于 2025-06-19 14:35:59 发布
原创 最新推荐文章于 2025-06-19 14:35:59 发布 · 4.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决在苹果移动设备上使用jQuery时遇到的点击事件无效的问题。通过为元素添加CSS手势样式，使元素变为可点击状态，从而解决了该问题。

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

由于项目需求，在苹果移动设备上使用jquery事件时无效

解决方法：

在点击当前元素上添加样式css的手势样式

即

<style>  

.next_button{  

    cursor:pointer  

}

</style>

然后点击就没问题了


23-通过JS代码处理click失效问题
学习&记录
06-04 2056
有时候按钮元素已经定位到了，运行也没报错，点击后页面没有反应。这种问题是比较头疼的，因为没有任何报错，只是click事件失效了。本篇用两种方法解决这种诡异的点击事件失效问题。
h5页面苹果手机不兼容普通点击事件
zzz_zed的博客
06-14 7889
在代码里面写了一个回到顶部的方法，电脑测试 和安卓手机测试完全没问题，在苹果手机上面就会出现点击不会跳转到顶部，反而会向下移一点点； 代码如下（js添加节点并添加点击事件）： js: if ($('#mkFixedTools').length &gt; 0) { $("&lt;div class='tool-toTop hide'&gt;&lt;/div&gt;").app...
jquery > 手机端 onClick 延迟解决
06-01
NULL 博文链接：https://mft.iteye.com/blog/2115470
苹果手机 jquery点击无效
qq_41065593的博客
01-14 650
无法识别点击事件，需要在css中加入cursor:pointer，即可，百度发现 window.onload 不支持苹果低版本，修改去掉window.onload之后，发现还是点击无效。用到div 等普通标签做点击事件的时候，苹果的一些老机型。移动端扫码打开网页的项目中用到了点击切换事件。由于一些代码需要用到window.onload。用jquery 写的点击事件的时候，测试发现在苹果手机上点击事件无效。查资料才知道苹果有个小bug。
jQuery入门教程（持续更新中）
最新发布
cici_1_的博客
06-19 1049
jQuery知识点总结
jQuery点击事件在iOS失效
bubbleyang的博客
06-18 344
但是当$(document).on(‘click’,‘.btn’,function(){});当使用委托给一个元素添加click事件时，如果事件是委托到 document或 body上，并且委托的元素是默认不可点击的（如 div, span等），此时 click事件会失效。需要这样事件委托，$(‘XXX’).on(‘click’,‘.btn’,function(){});这样点击事件可能会不生效。​2、将 click 事件委托到​​​​​非 document 或 body 的​​父级元素上；
IOS jquery on方法不管用解决办法
弱小和无知不是生存的障碍 傲慢才是！
05-12 469
添加样式 cursor:pointer; 就OK了
IOS的Safari浏览器中，点击事件失效的原理及解决办法
weixin_30568715的博客
08-10 872
这里做了事件委托，简单区分一下【目标元素】和【代理元素】，为后续论述理解做铺垫。 【目标元素】：实际希望点击的元素，可以是任意标签。 【代理元素】：代替【目标元素】触发点击事件的元素，有可能是目标元素的父级元素，document,body等。 一、现象 当使用事件委托给【目标元素】添加 click 事件时，如果【代理元素】是document或body，并且【目标元素】是默认不可点击的（如...
jquery关于移动端的点击事件解析
newmiracle学习天地
12-20 3653
jquery关于移动端的点击事件解析 如果用click来写 你连续点几下 会没有反应 响应是非常慢的 所以移动端必须用touchstart代替click来写查看原文：http://newmiracle.cn/?p=684
jQuery 在移动端的点击事件,怎么不管用的解决方法
qq_26931659的博客
09-24 3677
document.getElementById(“weidian”).οnclick=function () { $("#mask").toggle(1); $("#yishui_or_other").slideToggle(“slow”); }; 当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span...
重载jquery on方法实现click事件在移动端的快速响应
weixin_30360497的博客
01-20 211
额，这个标题取的还真是挺装的... 其实我想表达的是jquery click事件如何在移动端自动转换成touchstart事件。 因为移动端click事件会比touchstart事件慢几拍 移动设备某个元素上事件执行顺序是： touchstart touchmove touchend click｛mousedown->mousemove->mouseup｝ cli...
苹果手机（ipone）点击元素，事件不执行
yq_dxp1218的博客
07-26 1408
最近发现苹果手机，给除了a链接之外的元素绑定事件不执行 最后才发现苹果手机对div之类的块元素不识别点击事件， 解决方案-1  给要点击元素增加 css样式 cursor:pointer 就可以了，例如以下 &lt;style&gt;       .commonbtn{cursor:pointer  }     /**/ &lt;/style&gt;      解决办法 2 ：    ...
微信中on('click')事件失效的解决办法（微信兼容性）
热门推荐
奥巴牛的博客
07-24 1万+
在调试微信环境的网页时，有个代码是这样的（其中#select 非button、a标签元素） $(doucument).on('click','#select',function(){ //代码 }) 但是在安卓中却获取不到事件。 经过排查，判断是微信内置浏览器不支持，有以下几种方法： 1.改为$(‘#select’).click(function(){}) 有效 2.给​目标元素...
jquery在手机和电脑端的事件
Hello_路子
07-18 252
js在手机上的事件 var level = document.getElementById("level"); level.addEventListener('touchstart', function(e) { console.log('在手机端已按下'); }); level.addEventListener('touchend', func...
vue中@click失效问题
weixin_30856965的博客
11-27 6952
鉴于我这只猪花了半天时间重写代码 所以写这篇随笔 纪念我白白逝去半天时光 贴代码（直接截图）： 怎么看都没有问题，我这只猪一遍一遍认认真真敲了好多遍 最后找到了问题所在： 页面中使用了better-scroll，自动禁用了click事件，其实之前好像没有这种情况，后续会研究一下的 解决方法： 给加个click: true就好了 蠢到家。。 转载于:https:/...
打造仿苹果手机版jQuery计算器
### jQuery仿苹果手机版计算器知识点总结 #### 一、项目概述 该练手项目的主要目的是使用jQuery框架来创建一个界面与苹果手机版计算器相似的简单计算器应用。用户可以在此计算器上进行基本的算术运算，如加、减、乘...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值