如何解决苹果手机onclick点击无效的问题？

最新推荐文章于 2022-10-08 13:52:52 发布
最新推荐文章于 2022-10-08 13:52:52 发布
阅读量5.4k 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hj960511/article/details/85041411
版权

苹果手机端onclick失效问题
描述：增加cursor:pointer无效问题
方式：直接替换成a标签

方法1：避免实用onclick

<a href=''>直接使用a标签</a>

方法2：实用a标签做按钮

<a  href='你的链接'>按钮</a>
任聪聪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android使用TextView,设置onClick属性无效的解决方法
01-05
Android在布局文件中为View提供了onClick属性，使用方法如下： <TextView android:id=@+id/user android:layout_width=@dimen/px_171 android:layout_height=fill_parent android:onClick=iconClickListener android:clickable=true/> <TextView android:id=@+id/cinema android:layout_width=@dimen/px_220
微信公众号网页苹果手机点击onclick无效
weixin_44176363的博客
08-19 556
安卓点击无任何影响，苹果就不行，经排查发现是ID名称和onclick名称重复。。。。尼玛，写代码一定要优雅啊！！！ 如下是问题案例，onclick的名字和img中id的名字一样，此时苹果点击无效，安卓可以点击 <div style="display: flex;" onclick="imgDetails('conDetails')"> <span class="Newtext2">查看详情 <img id="imgDetails" src="" /> </s
jquery中on绑定click事件在苹果手机失效问题解决（巨坑啊）
lxw1844912514的博客
01-17 1880
描述：用一个div写一个按钮，并给这个按钮添加一个点击事件，在安卓机器上一切正常，但是在苹果机型上会出现点击事件失效。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&...
前端踩坑 关于苹果手机class.on(‘click‘)失效的问题
纯纯打工人
09-29 426
如图中橙色的关注按钮，在页面，安卓和部分苹果手机都能实现它js脚本中的on('click')事件，但是为什么总有一部分的苹果手机是无效的BUG呢 请教了公司里面的前端大佬后得知，苹果对于能够点击的页面标签元素是‘非常苛刻’的 style = "cursor : pointer" 这个的意思表示，如果光标移动到这里会变成小手指示的光标样式 欸~苹果就喜欢小手点，怎样！？ 药到病除，专治苹果IOS的各种矫情 ...
解决ios中的onclick失效的问题
Clara_G的博客
02-28 2985
前段时间笔者跟同事一起开发移动端H5界面,后来在测试时,发现一些界面的onclick事件在苹果ios上不管用,因为笔者跟同事之前一直做PC端开发,不太清楚怎么回事,于是在网上找到如下几种方案: 一.修改css方法 将绑定事件的span元素添加 z-index 跟cursor:pointer,这个没管用 二.修改onclick的绑定 直接把onclick事件换成 $('span').on...
ios click事件失效
lylongqq的博客
09-08 504
当使用委托给一个元素添加click事件时，如果事件是委托到document或body上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。 解决办法有 4 种可供选择：  ​1、将 click 事件直接绑定到目标​元素（​​即 .target）上 2、将目标​元素换成 或者button等可点击的​元素 ​3、将 click 事件委托到​​​​​非
iOS端内嵌H5页面 点击a标签无反应
joe0235的博客
01-28 4240
问题1： iOS端内嵌H5页面，点击a链接无反应 解决： 一般这种问题发生在新窗口打开的情况下，也就是说 target 的值为 _blank 时会发生这个问题，改为 _self即可解决问题。或者iOS的用户长按链接也是可以打开链接的，不过是跳转到了浏览器。 问题2： 如果点击的模块不是a标签或者button 解决： 需要给他加上cursor: pointer的样式。 第二种解决方案是将click事件替换为touchstart事件，或者click事件与touchstart事件并存： $(document
ios下非button/a标签点击事件失效问题
这个昵称没有被占用吧的博客
06-13 1957
当使用事件委托给一个元素添加 click 事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。如果是可点击的（比如 button、a 标签），此时 click 事件还是有效的，这点要特别注意。 解决方法： 将事件委托到非document和body下 给标签添加custor: point...
onclick事件在苹果手机上失效
weixin_48327767的博客
10-08 1314
onclick在苹果手机上失效，苹果手机在鼠标变成“手”图标才被认作可以使用此点击事件，于是给点击的标签加样式cursor:pointer。② 别使用on事件 直接click touchstart touchend。对于点击的对象，拥有cursor:pointer这个样式的设置。后来发现在电脑上以及在安卓手机上都是可以点击实现正常跳转的。项目在开发阶段，在我本地电脑上点击是可以实现页面跳转的。但是部署到服务器上用手机访问时发现页面不动。
【转】关于on点击事件在ios中失效的问题
06-06 177
这个是关于使用 $(document).on('click',selector,function) 在移动端ios中使用on点击事件无效的解决办法 1.将selector元素增加样式cursor:pointer <style> .a{ width:100px; height:100px; background:red; } ...
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
主要介绍了JS中append字符串包含onclick无效传递参数失败的解决方案,需要的朋友可以参考下
调用innerHTML之后onclick失效问题的解决方法
09-04
调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件
DataBinding onClick的七种点击方式
08-25
主要给大家介绍了关于DataBinding onClick的七种点击方式，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
同一个页面提交多个form表单方法（详细）
热门推荐
任聪聪的博客
04-29 7万+
办法1.同一个页面中建立两个表单 各自提交：<form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form>办
js前端实现多图图片上传预览的两个方法
任聪聪的博客
06-20 6万+
一、将图片转成icon码的实现方式 html代码：<div class="yanzRight"> <input style="margin-top:5px;float: left;" id="st18" name="evidence" onchange="previewImage(this,5)" type="file"/>
js加载音频文件并播放，代码实例
任聪聪的博客
04-22 4万+
js的代码: var daxiao = "__GAME__/gqdzz/music/daxiao.mp3"; var daxiao = new Audio(daxiao); daxiao .play(); //播放 //暂停 daxiao.pause(); daxiao.load(); 循环播...
js实现文字从右滚动到左边代码循环滚动实例
任聪聪的博客
09-07 2万+
以下是代码实例：<div style="background:#333;"> <div id="tgBigox"> <div id="tgGoox"> <a href="" target="_blank"></a> </div> </div> </div> <script type="text/j
HbuilderX、Hbuilder编辑器如何使用手机调试app
任聪聪的博客
03-04 2万+
编辑器版本：hbuilderX、Hbuilder 适用范围：混合app开发使用者调试应用 首先要了解的是，编辑器自带手机调试功能，但需要先打开手机的开发者模式，安装基座后才可以进行调试工作。 步骤一：使用手机usb连接电脑 步骤二、打开编辑器点击 鼠标放上去可以看到手机是否被电脑检测到，检测到即可进行调试安装 ...
微信网页授权，并获取用户头像，昵称等基本信息代码实例
任聪聪的博客
05-28 2万+
html中的js： var appID = &quot;{:sysconf('app_id')}&quot;; // 公众号AppID var redirectUri = &quot;{:sysconf('redirectUri')}/wechatuser&quot;; // 授权接口地址 var now_url = &quot;{:getDomainUrl()}&quot;; // 将要跳转回来的路径地址 var o..
网页onclick事件会自己触发问题怎么解决
最新发布
06-01
为了避免这个问题，可以确保事件处理函数只被绑定到需要响应点击事件的元素上。 例如，如果你想在一个按钮被点击时执行一个函数，你可以这样写： ```html <button id="myButton">Click me const button = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

任聪聪

创作不易，你的打赏是我的动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值