关于H5在ios8中页面所以事件失效问题

最新推荐文章于 2021-05-26 06:15:38 发布

Rocky_cx

最新推荐文章于 2021-05-26 06:15:38 发布

阅读量938

点赞数

分类专栏： H5 文章标签： H5在ios8中问题

本文链接：https://blog.csdn.net/Rocky_cx/article/details/85126385

版权

H5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

关于H5在ios8中页面所以事件失效问题找了半天没找到问题，因为代码不是自己写的所以并不清楚哪里出了问题，
于是只能把所有代码全部关掉一点点的试，终于找打问题了，下面上图在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Rocky_cx

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ios 上h5点击无效_ios h5 点击事件失效及点击延迟

weixin_33842051的博客

12-23

1734

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 种可供选...

React 实战 | H5页面在苹果IOS系统点击事件失效——软键盘的“锅”

qq_35536883的博客

09-05

1621

最近在开发一个用react开发的微信H5页面。遇到了一个bug，就是当软键盘弹出再收起时，软键盘位置的点击事件失效。刚开始以为是onclick的锅，但是换成onTouchStart还是没有好。而且iphone7 Plus没问题，但是iphone7就可以复现这个bug。原因：在IOS下，点击页面中比较靠下的input时，软键盘弹出，页面会上移，document.body.scrollOffs...

参与评论您还未登录，请先登录后发表或查看评论

在ios8设备上点击失效的问题

weixin_34067049的博客

03-11

103

2019独角兽企业重金招聘Python工程师标准>>> ...

H5中popstate事件的诡异行为

weixin_30555515的博客

08-21

2110

　　前些天反复测试，发现了popstate事件的一个问题，当某些浏览器或者某些手机嵌入含有该代码的H5页面时，波多野结衣这个方法会执行两次！一直很纳闷，按理来说这个监听事件（监听返回栈），应该是返回的时候再执行。据官网所说，只要访问历史记录就会触发popstate。而传统的History 中访问页面和生产历史记录是同时的。所以有些没有优化的浏览器或者webview，在加载该页面的时候，这个方...

UIActionSheet 按钮不响应点击事件的解决方法

chuhuangqiao1461的博客

02-07

1 ...

h5点击事件在ios上无效的问题

Julie_Go的专栏

06-06

5305

为<span></span>绑定了click事件，嵌入ios app后点击无效解决方式：为span 添加css样式解决，元素变成了可点击的了cursor: pointer;

详解h5页面在不同ios设备上的问题总结

12-13

本文主要总结了在不同iOS设备上，特别是嵌入到小程序Webview中的H5页面所遇到的一些典型问题及其解决方案。 1. **日期问题**：当日期格式为"yyyy-mm-dd hh:mm:ss"时，iOS系统可能无法正确识别和解析。例如，尝试...

h5复制到剪切板兼容ios浏览器

03-25

ios+android+h5复制剪切板

iOS和android h5字体差异,关于移动hybrid开发中H5页面的字体应与系统保持一致的问题...

weixin_32534943的博客

05-26

1491

8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？0、问题来源在移动hybrid开发，也就是说，部分页面会使用html+css+javascript技术来制作，例如个人中心，收藏页面等。一般来说，移动端都会将字体设置为system系统默认类型。起初，愚钝的我认为，只要在css里不设置任何字体，将会默认使用系统默认字体。然而结果并未如我所想，页面出来后，中文、英文和数字几...

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

热门推荐

lizheng_0508的博客

02-06

1万+

问题描述：在开发移动端页面的时候，经常会给元素添加点击事件，但在ios系统上会失效，以下是解决办法：解决办法：给被点击元素添加 cursor:pointer; 样式即可，具体原理还未查到~

IPhone中H5页面用on绑定click无效的解决方法

10-22

436

首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 ----------------------------------------------------------------------------------- 首先问一句？为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click...

iOS 调H5方法不执行没反应的坑

weixin_30588827的博客

10-28

591

调用H5的方法需要给H5传一些参数，参数中包括图片的base64字符串。错误一：图片转base64，后面参数不能随便写，正确做法如下 NSData *imageData = UIImageJPEGRepresentation(img,0.1); NSString *strImgBase64 = [imageData base64EncodedStringWithOption...

记h5项目中在ios9白屏问题

weixin_33700350的博客

10-17

3130

h5项目在内嵌在app应用中，在ios9白屏，想到的解决方案使用vconsole（腾讯开发的）一个插件，在手机应用中查看控制台信息在ios9的safari浏览器中打开一个白屏页面的链接，查看报错信息实际用到的是第二种方式因为白屏，啥都没有也就没有vconsole的按钮，但是vconsole还是很有用的，拿个小本本记下来复制代码1.在safari控制台发现报错信息 SyntaxErro...

h5 ios系统在微信浏览器兼容问题导致的事件错乱问题

sam的博客

10-10

1610

参考https://www.jianshu.com/p/98adc64aeb61/

iOS8需要兼容的内容

liuwuguigui的专栏

09-23

2321

1.iPad上使用presentModalViewController方法后，

Jquery 在ios上事件委托失效？

一汀程序狗的博客

01-12

2599

最近做的一个项目，开发H5页面，然后适配运行在andriod和ios上。一个查看原卷的弹框，点击按钮后会弹出一张居中的图片，并且有全屏遮罩。现在的需求是点击遮罩弹框关闭。外面的div是遮罩，点击事件委托在document上，像这样： $(document).on("click","#lookOriginalImg",function(){ ..关闭..}) 在web和Android上都

H5页面在ios下部分兼容问题

weixin_34066347的博客

04-22

2449

1.上拉下拉出现白色背景解决方案页面设置百分百高度，并设置overflow-y: scroll; .wrap{ width:100%; height:100%; overflow-y: scroll; } 复制代码2.键盘弹出视图上移，取消后底部有白块设置页面为固定定位 display:fixed; .wrap{ width:100%; height:1...

IOS使用WebView内嵌H5页面,无法触发H5页面的点击事件

最新发布

09-25

在iOS中，当你使用WKWebView（WebKit框架的一部分，用于渲染HTML内容）嵌入H5页面时，有时可能会遇到点击事件无法触发的问题。这通常可能是由于以下几个原因： 1. **WKWebView设置**：确保WKWebView的交互代理（WKNavigationDelegate）已启用并且设置了正确的用户交互处理。需要确保`webView.scrollView.isScrollEnabled = false`以防止滚动遮挡点击。 ```swift let webViewConfiguration = WKWebViewConfiguration() webViewConfiguration.userContentController.add(self, name: "webPageInteractions") ``` 然后在代理方法中处理点击： ```swift func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { if message.name == "webPageInteractions" { handleWKMessage(message.body as! String) } } func handleWKMessage(_ message: Any) { // 处理H5页面传递过来的点击事件 } ``` 2. **JS桥**：如果H5页面使用了JavaScriptBridge（如JSCore、WebViewJavascriptBridge等）来发送消息，确保桥梁已经配置并能正确地将点击事件转发给Swift。 3. **CSS穿透**：检查页面是否有阻止元素获取焦点的样式（比如`pointer-events: none;`），这可能导致点击失效。修复这类问题可能需要调整H5页面的样式。 4. **跨域限制**：如果H5页面位于不同的域下，可能存在同源策略限制点击事件的传播。确保通过CORS或服务端设置允许相应的请求来源。 5. **调试工具**：检查开发者工具中的网络请求，确认H5页面是否正确地发送了交互事件，并查看日志以找出问题。如果你遇到这个问题，可以尝试排查以上几个方面，若仍有疑问，可以考虑提供具体的代码片段以便更好地定位问题。