iphone5下不能点击-H5开发点中击事件在iPhone6下能正常能触发，iPhone5 不能触发，不兼容解决

最新推荐文章于 2023-11-24 14:43:35 发布
最新推荐文章于 2023-11-24 14:43:35 发布
阅读量928 收藏
点赞数
分类专栏： 兼容 文章标签： 移动端 不兼容 iphone5不能点击 触发 iphone6能点 击触发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41652495/article/details/79108260
版权

因为手机端开发js不启用严格模式，变量未声明静默失败，5版本低不兼容

解决：js文件头部声明："use strict"; .

          ：使用es5语法

           ：检查有无未声明的变量 

            ：let 和 const 改var 声明

攻克难点
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React 实战 | H5页面在苹果IOS系统点击事件失效——软键盘的“锅”
qq_35536883的博客
09-05 1569
最近在开发一个用react开发的微信H5页面。 遇到了一个bug，就是当软键盘弹出再收起时，软键盘位置的点击事件失效。 刚开始以为是onclick的锅，但是换成onTouchStart还是没有好。而且iphone7 Plus没问题，但是iphone7就可以复现这个bug。 原因： 在IOS下，点击页面中比较靠下的input时，软键盘弹出，页面会上移，document.body.scrollOffs...
h5点击事件在ios上无效的问题
江湖的博客
03-20 3078
为<span></span>绑定了click事件，嵌入ios app后点击无效 解决方式：为span 添加css样式解决，元素变成了可点击的了 cursor: pointer;
ios 上h5点击无效_IPhone中H5页面用on绑定click无效的解决方法
weixin_31512775的博客
12-23 1013
首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。-----------------------------------------------------------------------------------首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click，则换成touch...
解决ios系统下h5页面点击事件不触发的问题
L_Taozi的博客
07-02 3496
style="cursor:pointer"onclick="" 在需要添加点击事件的元素上加这段代码就ok
H5小游戏源码 疯狂手指 - 根本不能停下来.zip
10-14
游戏源码 欢迎下载
H5微信小游戏源码-一个都不能掉.zip
11-11
H5微信小游戏源码-一个都不能掉.zip
H5微信小游戏源码-一个都不能死源码.zip
11-11
H5微信小游戏源码-一个都不能死源码.zip
有关vue 开发的钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
10-15
在Vue.js开发中，创建钉钉H5微应用时，可能会遇到`dd.ready()`方法不执行的问题。这个问题可能困扰开发者，因为其他钉钉环境检查，如`dd.env.platform !== "notInDingTalk"`，能够正常工作。本文将深入探讨这个问题...
HTML5 解决苹果手机不能自动播放音乐问题
09-27
主要介绍了HTML5 解决苹果手机不能自动播放音乐问题的相关资料,需要的朋友可以参考下
IOS移动端中H5页面用on绑定click无效的解决方法
xi晓的博客
08-14 1515
检查代码中是不是有ES6语法，有些版本IOS不支持 标题图中圈起来的就是ES6语法 let，在手机中直接报错，导致前后所有代码都执行不了，注释掉(删掉)就可以了...
H5项目在ios 系统版本12.0中打不开的情况
最新发布
insist_life的博客
11-24 812
背景：最近做了一个H5项目，主要是vue3+vite等技术栈来写的；3、知道了可能是某些高阶语法在ios12中不兼容，那当时就想着把没有babel成功的语法手动降成es5的，但是全局检索发现这些语法都不是开发者中的代码，而是官方的写法，我担心我的水平不够，改了一处导致整个项目崩掉，索性就放弃了这个写法；2、在工具引入后，在测试环境中，我们发现控制台中没有报任何错误，然后就去看看network中的静态资源加载，发现有几个js、css文件资源没有加载，然后又在百度、CSDN上转了半天，找到一篇博主写的文章。
H5绑定的click事件在ios上失效的问题
linfng023的博客
08-20 2058
绑定的click事件在ios上失效的问题 项目中遇到的问题,在H5做下拉菜单时,需要在点击空白处就隐藏菜单,于是就给document绑定了click事件 但是绑定的事件却只能在pc端和android上才能生效使用,在ios上就失效了,在网上搜索了此类的问题,大概就是ios系统上,document,body或div这些元素默认是没有点击事件,所以当把click事件委托给这些元素时,在ios上就会失...
ios 上h5点击无效_ios h5 点击事件失效及点击延迟
weixin_35945480的博客
12-23 991
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微信浏览器内H5页面点击事件失效
helloschurmi的博客
08-08 6111
在微信浏览器内的H5页面，当触发点击事件时有时会失效，点击没有效果，或者点击事件错位，其实这是因为在小屏幕上，在点击输入框弹出键盘 键盘回缩 后定位没有相应改变 也就是说，其实是input聚焦后页面被顶起，然后失焦后页面回位，但是这里只是视觉上回位了，window其实已经被顶上去一定的距离。你再次点击页面时就已经错位了，视觉上的点击事件触发按钮其实不是真正的按钮位置，所以点击时不会生效，而是在...
h5页面苹果手机不兼容普通点击事件
zzz_zed的博客
06-14 7738
在代码里面写了一个回到顶部的方法，电脑测试 和安卓手机测试完全没问题，在苹果手机上面就会出现点击不会跳转到顶部，反而会向下移一点点； 代码如下（js添加节点并添加点击事件）： js: if ($('#mkFixedTools').length &gt; 0) { $("&lt;div class='tool-toTop hide'&gt;&lt;/div&gt;").app...
h5页面点击事件ios没反应 移动端兼容性问题
weixin_30653023的博客
08-17 1262
$(document).on("click",".动态添加的dom",function(){　　console.log("11") }) //在ios里这里动态添加的dom点击事件不会触发,解决办法：给触发点击事件动态添加的dom增加样式,cursor:pointer |||||| 或者增加一个touch事件 ios input button背景色不起作用的 input[typ...
H5使用a标签时，在ios app中无法跳转
技术前端，忠于热爱 @回忆哆啦没有A梦
08-31 3582
在使用wangeditor富文本编辑器时，在 IOS 的app内，a标签点击跳转没有作用，无法跳转到所正确地址。安卓是可以正常跳转。原因竟然是a标签的target="_blank"
解决ios中的onclick失效的问题
Clara_G的博客
02-28 3057
前段时间笔者跟同事一起开发移动端H5界面,后来在测试时,发现一些界面的onclick事件在苹果ios上不管用,因为笔者跟同事之前一直做PC端开发,不太清楚怎么回事,于是在网上找到如下几种方案: 一.修改css方法 将绑定事件的span元素添加 z-index 跟cursor:pointer,这个没管用 二.修改onclick的绑定 直接把onclick事件换成 $('span').on...
uniapp中，picker，能触发的区域很小，H5正常，在真机调试中不正常
07-15
如果在uni-app中使用picker组件，在H5环境中能正常触发，但在真机调试中触发区域很小，可能是由于一些原因导致的。以下是一些可能的解决方法： 1. 确保你的uni-app版本是最新的。有时候旧版本可能存在一些bug或兼容...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值