IOS 点击事件失效

最新推荐文章于 2022-10-08 13:52:52 发布
最新推荐文章于 2022-10-08 13:52:52 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： Touch_Wiki 文章标签： IOS点击失效 ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_G_G/article/details/73920313
版权
本文介绍了在iOS设备上遇到点击事件失效的问题，以及两种可能的解决办法：使用touch事件代替click事件，或者添加cursor:pointer CSS属性。作者通过自身经验分享了如何快速定位并解决这一常见iOS开发问题。
摘要由CSDN通过智能技术生成

当初遇到这个问题时候，已经让开发小哥发布了至少10遍….本以为万事俱备，赶紧滚去上线，结果….点一点自己的手机，发现！哇擦擦！！怎么点不动？报错了？哪里报错了？什么鬼？之前不是没问题么？你的手机有问题吗？没有？啥？为什么我的有问题？

找了另外一颗苹果，发现那颗苹果也有问题….(⊙﹏⊙)b

bug!!!

然后找到两个解决方案

1、用touch事件替换click 事件 还有一个原因是因为click事件会有延迟
2、添加css cursor:pointer

我当时遇到这个问题的时候，第二个就解决了~ 后面这两个后来找到的，没试过，仅供参考

——> 添加 οnclick=“” 事件

<label onclick=""><span>IOS</span></label
最低0.47元/天 解锁文章
Y_G_G
关注
专栏目录
ios 上h5点击无效_ios h5 点击事件失效及点击延迟
weixin_33842051的博客
12-23 1674
1.ios h5 app avalon tap事件失效使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-tap被内容遮住不执行.用MUI的on tap事件可以执行但改动较大,于是改为ms-on-click.(但是click事件有300ms延迟,解决方法在标题2处),搜索到以下解决方法:解决办法有 4 种可供选...
iOS下Safari点击事件失效的解决方法
08-28
主要给大家介绍了关于在iOS下Safari点击事件失效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
【IOS】IOS点击事件失效
疾术客
12-06 670
昨天在做一个H5页面调查问卷的时候碰到了一个很奇葩的问题，给一个元素添加点击事件的时候在安卓上面可以实现添加元素，但是在IOS上面没有起作用。一开始我是使用的下面的第一种方法写的点击事件，但是并不可以在新添加的元素上面实现点击事件。所以我该用了绑定方法on来给添加元素按钮添加点击事件。是可以实现的。但是到了IOS上面失去了点击事件，又去度娘查了下才知道原因，因为IOS上面没有click点击事件，在...
onclick事件在苹果手机上失效
weixin_48327767的博客
10-08 1470
onclick在苹果手机上失效，苹果手机在鼠标变成“手”图标才被认作可以使用此点击事件，于是给点击的标签加样式cursor:pointer。② 别使用on事件 直接click touchstart touchend。对于点击的对象，拥有cursor:pointer这个样式的设置。后来发现在电脑上以及在安卓手机上都是可以点击实现正常跳转的。项目在开发阶段，在我本地电脑上点击是可以实现页面跳转的。但是部署到服务器上用手机访问时发现页面不动。
iOS下的点击事件失效解决方法
jcoiwenwfkowe的博客
04-18 123
iOS下的点击事件失效解决方法
解决IOS点击事件无效问题
qq_42538872的博客
09-24 1109
在点击对象的CSS属性里面加入 cursor:pointer; 即可
ios手机 按钮点击事件没反应（按钮是js生成的）
LucienyK的博客
05-28 1209
昨天碰到这种问题，在Android手机上点击事件是可以的，但是iOS手机没反应。用的是jQuery，我立即就想到是点击事件格式写的有问题，因为 我之前就碰到过类似的问题，比如，你用js 生成的一个按钮 <div class="btn">按钮</div> （记住是 js 生成的，不是HTML写的），用 $('.btn').on("click",function(){}); 这样点击事件可能会不生效。需要这样写，$('XXX').on('click','.btn',function(..
iOS 点击事件无效
Acitylion的博客
06-03 347
在安卓手机上是可以点击的，在苹果手机上没有生效 * { cursor: pointer; } 在点击事件的样式上加个这是样式就好了
html2Canvas:解决html2Canvas在IOS13.4中失效问题
05-12
解决html2Canvas在ios13.4中失效问题 // 引入 import html2canvas from "../../lib/html2canvas"; // 使用, 全局window对象加入html2canvas，如果没有window就调用原来的，所以需要做判断 (window.html2canvas || ...
交换机IOS失效的恢复操作教程
10-01
在弹出的文件选择对话框中，找到要上传的IOS .bin文件，确保协议设置为XMODEM，然后点击“发送”。这将开始将IOS文件从计算机传输到交换机的Flash存储中。 **五、确认并启动新IOS** 文件上传完成后，根据提示，...
IOS14 部分点击事件失效的解决办法
weixin_42362496的博客
11-21 1406
今天新到的M1处理器新mac 默认模拟器是IOS 14 之前做的APP，部分点击功能都失效了，后来 发现是由于直接将view添加在cell上导致的。 原来代码 self.addSubview(self.conllectionView) 后来改为 self.contentView.addSubview(self.conllectionView) ...
js点击事件在ios中失效的3种解决方案
热门推荐
ITzhongzi的博客
07-15 1万+
ios中不允许将点击事件绑定在document或者body上，如果绑定上的话将会失效。解决方案： 例如：  $(document).on('click', '#generate', function ()}... //无效 第一种： 改为： 用#generate外面的标签，但不要是 docuemnt或者body $('任意的#generate的父元素').on('click
ios，刷新页面 点击事件onclick第一次不触发，第二次点击才正常触发
weixin_43668654的博客
02-13 2414
ios，刷新页面 点击事件onclick第一次不触发，第二次点击才正常触发： 最简单的解决办法： 把onclick事件改为ontouchend事件就解决了；这样也不会影响安卓系统。 之前也尝试了 $(‘body’).on(‘click’,’.delProduct’,function(){ });无效； 这种形式你可以改成： $(‘body’).on(‘touchend’,’.delProduc...
jquery绑定click事件，在ios7 8下不触发的bug iPhone手机上使用jQuery的die、live和on注册click事件无法点击
GuangRong1的博客
07-07 985
在项目中遇到一个很诡异的bug，下面这段特别基本的代码，在IOS7 ， IOS8下的Safari中竟然不起作用！仔细研究之后，发现这段代码用在A标签上，是有用的。$("body").on("click",".xxx",function(e) { alert("clicked"); });解决问题有点出乎意料地简单，只需要在.xxx的css上加上cursor:pointer;就能够正常使用了...
pointer-events: none；解决鼠标事件穿透到子盒子
臧小川的博客
09-02 406
现代浏览器里CSS的职责范围和JavaScript的越来越模糊分不清。比如CSS里-webkit-touch-callout属性在iOS里能禁止当用户点击时弹出气泡框。而本文要说的pointer-events的风格更像JavaScript，它能够： 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的hover和active状态的变化触发事件 阻止JavaScript点击动作触发的事件 不添加pointer-events: none样式效果图 添加pointer-events: no
解决安卓手机点击有效，苹果手机点击事件无效的问题
weixin_44019016的博客
03-20 2832
在开发过程，我们常会遇见一些元素，他们不一定是 <A> 或者 <button>标签 但是，我们需要为他们产生点击事件。 比如 ，我们的 ul,li里的文档 ，我们让他们可以产生点击。 于是，我们直接就是 $(document).on("click", ".item", function () 用这样一个代码，就可以产生点击响应事情，然后在事件下面写代码就行了。 但是，...
Safari 的点击事件中不存在 event.path 的兼容方法
猿海无涯，码农无边
03-16 1231
1. 环境： macOS 版本：10.15.3 Safari 版本：13.0.5 2. 问题描述： 在 Safari 的事件中，event.path 不存在。 3. 解决办法： 可以通过 event.composedPath() 获取。 function getEventPath(evt) { return evt.path || (evt.composedPath && e...
ios浏览器不支持onblur事件
weixin_30819163的博客
08-30 594
今天还在完善调查问卷，最开始使用onblur触发ajax记录客户选择轨迹，安卓测试没有问题，但是到苹果手机，竟然无法触发！崩溃，果断百度，查到可使用onchange替换，瞬间解决！ 转载于:https://www.cnblogs.com/52-hz/p/7454240.html...
解决 clipboard.js 在ios中失效的问题
最新发布
06-01
在 iOS 中，`Clipboard API`（包括 `document.execCommand('copy')`）只有在 `click` 事件的回调函数中才能正常工作，否则会被浏览器禁止。因此，`clipboard.js` 在 iOS 中失效是因为它依赖 `Clipboard API`，而没有使用 `click` 事件。 为了解决这个问题，你可以通过以下两种方式之一来修复 `clipboard.js` 的 iOS 兼容性问题： 1. 在 `clipboard.js` 中使用 `click` 事件来触发复制操作： ```javascript var clipboard = new ClipboardJS('.btn', { trigger: 'click' }); ``` 2. 在你的代码中添加一个 `click` 事件监听器，然后在该回调函数中调用 `clipboard.js`： ```javascript document.querySelector('.btn').addEventListener('click', function() { clipboard.copy(event.target); }); ``` 无论哪种方法，都需要在用户点击按钮时才会触发复制操作，因此需要你在代码中添加一个按钮或其他可点击元素来触发复制操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值