移动端填坑：ios系统点击事件失效的解决办法

最新推荐文章于 2021-07-30 11:27:20 发布
原创 最新推荐文章于 2021-07-30 11:27:20 发布 · 1.8w 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #移动端 #ios #点击事件

本文介绍了一种在iOS系统中解决移动端页面元素点击事件失效的方法。通过为元素添加cursor:pointer;样式，可以有效解决该问题。

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

问题描述：在开发移动端页面的时候，经常会给元素添加点击事件，但在ios系统上会失效，以下是解决办法：

解决办法：给被点击元素添加 cursor:pointer; 样式即可，具体原理还未查到~

解决 - vue移动端项目在IOS上点击输入框失效， 需要点击多次
sunshime的博客
07-19 1144
  近期发现项目中关于输入框在ios上点击失效，多次点击才可以获取焦点的问题， 一、导致这个问题发生的原因   是因为我在这个项目种使用了 FastClick ，它的作用是解决移动端延迟300毫秒的问题。   当使用FastClick 时，在ios上点击输入框，调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。 二、解决方法   修改一下 FastClick 的使用代码，如下： FastClick.proto
vue移动端项目在IOS上点击输入框失效， 需要点击多次
GUOQIPING_的博客
06-09 916
1. 近期发现项目中关于输入框在ios上点击失效，多次点击才可以获取焦点的问题，那么导致这个问题所在的原因是因为项目中引入了FastClick 这个是解决移动端延迟300毫秒的优化 2.当使用FastClick 时，输入框在ios上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。解决方法如下： FastClick.prototype.focus = function (targetElement) { let length; i
Jquery的$(document).click() 在iphone手机上失效的问题
Hello博客
05-15 1693
当一个div用来做按钮点击事件 <div class="login">登录</div> <script> $(document).on("click",".login",function(){ alert('login'); }); </script> 就是这样一个点击事件在iPhone手机上是无效的，查阅资料说是div自身没有点击事...
h5点击事件在ios上无效的问题
baidu_41601299的博客
04-26 1822
为绑定了click事件，嵌入ios app后点击无效 解决方式：为span 添加css样式解决，元素变成了可点击的了 cursor: pointer;
ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法
runwuwushengxiyu的博客
07-30 139
ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法
ios 上h5点击无效_ios h5 点击事件失效及点击延迟
weixin_35945480的博客
12-23 1270
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设备上不起作用
sinat_40172076的博客
02-13 1479
在有点击事件的元素上，加上一行css代码，就可以使ios设备触发点击事件 cursor:pointer; 就ok啦
移动端iOS系统onload事件失效的问题
06-07
移动端iOS系统onload事件失效的问题可能是由于移动端浏览器的机制不同于桌面端浏览器，导致onload事件无法触发。此外，iOS系统的Safari浏览器还存在一些特殊的问题，如页面缓存、用户手势等问题，也可能导致onload...
解决IOS移动端固定定位失效问题
aoxi9939的博客
03-08 1065
根据浏览器窗口position:fixed; 定位在底部的元素，会随着屏幕的滚动而滚动，在iOS系统上不起作用。 <div class="header">头部</div> <div class="main"> <div class="content"> <!-- 可以滚动的区域 --...
解决iOS下无法触发focus事件的问题
08-27
"解决iOS下无法触发focus事件的问题" 在移动端开发中， focus 事件是一个非常重要的事件，它可以帮助开发者更好地控制用户的输入行为。但是在iOS平台上，触发 focus 事件却是一个非常棘手的问题。本文将为大家分享...
ios下点击label包含的input checkbox或radio无效问题
小圣贤君的博客
11-02 7157
问题描述： 页面中有多个根据接口返回数据，动态生成的checkbox和radio选项，input元素外有一个label标签包裹着，label标签内有文字，即如下示例所示：<label><input type="checkbox" name="checkbox" value="checkbox"><span>多选框</span></label>在页面中和安卓端点击选项都没有问题，但是在ios上就出现
iOS模拟器弹出框不能点击问题的解决
weixin_34307464的博客
11-26 353
2019独角兽企业重金招聘Python工程师标准>>> ...
js点击事件在ios中失效的解决方案
deathstrider的博客
09-27 3590
ios中不允许将点击事件绑定在document或者body上，如果绑定上的话将会失效。解决方案： 例如： $(document).on(‘click’, ‘#content’, function ()}… //无效 第一种： 改为： 用#content外面的标签，但不要是 docuemnt或者body $(‘任意的#content的父元素’).on(‘click’, ‘#content’, fu...
tap事件不响应问题
ABC__D的专栏
05-05 5004
cordova项目在Android平台上tap 事件可以正常使用，但是在iOS平台上后悔出现点击后没有响应的效果。如何解决？ 把tap 事件给为touchstart事件或者touched事件，但是测试发现touchstart事件过于灵敏。 比如如下代码： touch.on('.urlToPic', 'touchstart', function() { //图墙
IOS 点击事件失效
Y_G_G的博客
06-29 3592
当初遇到这个问题时候，已经让开发小哥发布了至少10遍….本以为万事俱备，赶紧滚去上线，结果….点一点自己的手机，发现！哇擦擦！！怎么点不动？报错了？哪里报错了？什么鬼？之前不是没问题么？你的手机有问题吗？没有？啥？为什么我的有问题？找了另外一颗苹果，发现那颗苹果也有问题….(⊙﹏⊙)bbug!!!然后找到两个解决方案 1、用touch事件替换click 事件 还有一个原因是因为click事件会
iOS中 点击按钮无响应
11-04 211
这几天遇到个问题，当我登录APP后，去签到界面，点击上班打卡/下班打卡无响应，最后百度，以及自己的多次尝试，发现： 1、我在push到此界面是隐藏了TabBar，但是隐藏后TabBar这部分就没有了，不占有屏幕Frame； 2、紧接着，我建立的UIButton的frame正好是和TabBar重合的，即Button的frame不在屏幕上了，超出了屏幕，但仍然能够显示UIButton，在...
h5页面点击事件ios没反应 移动端兼容性问题
weixin_30653023的博客
08-17 1343
$(document).on("click",".动态添加的dom",function(){　　console.log("11") }) //在ios里这里动态添加的dom点击事件不会触发,解决办法：给触发点击事件动态添加的dom增加样式,cursor:pointer |||||| 或者增加一个touch事件 ios input button背景色不起作用的 input[typ...
iOS 点击事件传递及响应
iOS&Android开发
05-12 2768
前言：苹果的官方文档《Event Handling Guide for iOS》对事件处理做了非常详尽清晰的解释，建议大家仔细研读 关于iOS的事件响应机制网上讲解文章不少，有的文章内容少没讲全面，有的说的太多，一个概念反复说，传递和响应混在一起讲，不好理解，我综合参考了几篇文章总结了一下，觉得可以分为以下几点来讲 iOS中的事件介绍事件的产生和传递事件响应实际项目中的应用
Hbuilder打包的Vue项目App，点击页面的@click失效（better-scroll会阻止原生的click事件造成的）
江湖的博客
11-21 1834
在网上查找资料，原来是在项目里边使用了better-scroll插件造成的 this.scrollEl = new BScroll(this.scrollEl.nativeElement, {click: true});  一开始的点击事件被Bscroll阻止了，设置这个才能点击...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值