首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iOS UIWebView禁用长按选中的交互

iOS UIWebView禁用长按选中的交互

作者头像
动动我试试
发布于 2020-05-04 13:23:46
发布于 2020-05-04 13:23:46
1.8K00
代码可运行
举报
文章被收录于专栏:zhimingcowzhimingcow
运行总次数:0
代码可运行

背景

最近有个项目,uni-app写代码逻辑,实现多端复用,iOS端直接加载uni-app生成的H5页面。

问题

当webview显示html页面时,本身会提供一些原生的交互行为,例如长按或双击选中。如何取消这些交互呢?

扫雷过程

  • 雷1

查了很多资料,都说在webview的代理方法中加入代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];
} 

但我试了,这样做没效果...

  • 雷2

另一种说法是在html中添加全局的CSS html, body{-webkit-user-select:none}

但这样一来,页面上的输入框也变成不可选择了,所以还需要在input和textarea标签处把交互加回来 {-webkit-user-select:auto}

这种做法我试了,也不行,加回来后,输入框还是选择不了。。。

最终的解决方案

一顿操作后,最后让uni-app的同事加了一句代码解决了 *:not(input,textarea){-webkit-user-select:none}

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
UIWebView 浏览器控件一、初始化与三种加载方式二、常用属性和方法三、代理方法 UIWebViewDelegate四、其它案例:
WebView的优缺点: 优点:(1)跨平台(2)发布更新快(3)排版布局能力强 缺点:(1)性能差(2)数据通讯复杂(3)耗费流量 使用场景:(1)排版复杂的内容(2)需后台灵活控制的界面 一、初始化与三种加载方式 UIWebView继承于UIView,因此,其初始化方法和一般的view一样,通过alloc和init进行初始化,其加载数据的方式有三种: 1.第一种: - (void)loadRequest:(NSURLRequest *)request; 这是加载网页最常用的一种方式,通过一
用户2141756
2018/05/18
1.7K0
iOS 和 H5 交互那些事 (UIWebView、WKWebView 总结篇)
1.OC与JS交互之UIWebView 创建一个UIWebView 并加载 _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, self.view.frame.size.height-20)]; _webView.delegate = self; _webView.scrollView.bounces = NO; / 添加 webiview [self.vie
陈雨尘
2018/06/07
4.5K0
UI篇- UIWebView使用大全
UIWebView是常用开发控件,对于一些常用的设置是有必要记住或者记录下来的。 这里特别说一下,对于一个工程中整个就是一个WebView的情况,你可以通过一些设置来使整个工程显得接近于原生开发的APP,这样你是有机会被审核通过的。
進无尽
2018/09/12
2.2K0
UI篇- UIWebView使用大全
【iOS开发】从 UIWebView 到 WKWebView
①本文章适合有 UIWebView 基础的人看,如果实在没用过的话,至少你要知道 UIWebView 是个什么东西。
KyXu
2019/04/11
2K0
UIWebView的使用与总结
hh.jpeg 先前在项目中使用了UIWebView 在项目中一些比较复杂的UI布局、需后台灵活控制的界面、原网页,可以考虑UIWebView 在用它之前跟大家说下它的优缺点 优点: 可跨平台 开发一次可以部署iOS、Android等平台。 发布更新快 在服务器端发布,能够实时更新终端展示,便于快速升级以及紧急修复bug 排版布局能力强 强大的HTML+CSS让人膜拜 缺点: 性能 相对于原生的app来说,使用UIWebView的app相对来说性能会低一点,
Bison
2018/06/28
6610
【IOS开发基础系列】UIWebView专题
iOS: UIWebview loadhtmlstring & Local css/js/imageresources
江中散人_Jun
2023/10/16
5210
【IOS开发基础系列】UIWebView专题
oc和js交互_js调用api
UIWebView 在 iOS12 中已经被废弃,同时WKWebView在iOS8中已经出现。所以无特殊情况的话,我们一般应该也是用不到前者了! UIWebView 相比于 WKWebView 的使用上会简单很多。
全栈程序员站长
2022/11/01
68.6K0
iOS学习巩固笔记-UIWebView/JavaScript
2016-05-0908:24:25 发表评论 0℃热度 写一些平时看书学习iOS的笔记,基础的、进阶的都有,供以后回顾,也可以让刚开始学习的同学学习。 1 UIWebView简介 UIWebView
timhbw
2018/05/03
1.4K0
当iOS的webView加载Html页面之后
写到webView这块,硬生生堵了好久。现将问题记录如下。 问题一:加载webView之后浏览网页,有时程序会莫名其妙奔溃,查看内存居然高达上百兆。查阅网上资料发现是因为Html里的js 导致的内存泄漏,每次打开一个连接就会把“WebKitCacheModelPreferenceKey”设置成1。 解决方法: 在webView的代理方法中写下如下语句,当然别忘记设置代理。 - (void)webViewDidFinishLoad:(UIWebView *)webView { [[NSUserDefau
谦谦君子修罗刀
2018/05/02
1.7K0
当iOS的webView加载Html页面之后
IOS WebView控件详解
概述 WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和WKWebView,UIWebView是iOS2之后开始使用,WKWebView是在iOS8开始使用,WKWebView将逐步取代笨重的UIWebView。 相比UIWebView,WKWebView做了如下优化: WKWebView更多的支持HTML5的特性 WKWebView更快,占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView高达60fps的滚动刷新率和丰富的内置手势 WKWe
xiangzhihong
2018/02/06
5.3K0
iOS下JS与原生OC互相调用(总结)
iOS开发免不了要与UIWebView打交道,然后就要涉及到JS与原生OC交互,今天总结一下JS与原生OC交互的两种方式。
Haley_Wong
2018/08/22
5.3K0
iOS下JS与OC互相调用(一)--UIWebView 拦截URL
最近准备把之前用UIWebView实现的JS与原生相互调用功能,用WKWebView来替换。顺便搜索整理了一下JS 与OC 交互的方式,非常之多啊。目前我已知的JS 与 OC 交互的处理方式:
Haley_Wong
2018/08/22
3.9K0
iOS下JS与OC互相调用(一)--UIWebView 拦截URL
iOS小技能:WKWebView与JS的交互
由于目前UIWebView 已经被抛弃了,因此推荐使用WKWebView的WKScriptMessageHandler实现iOS与JS交互
公众号iOS逆向
2022/12/19
8.1K0
iOS小技能:WKWebView与JS的交互
IOS开发系列——UIWebView专题【整理,部分原创】
iOS: UIWebview loadhtmlstring & Localcss/js/image resources
江中散人_Jun
2022/03/08
1.1K0
IOS开发系列——UIWebView专题【整理,部分原创】
iOS下JS与OC互相调用(五)--UIWebView + WebViewJavascriptBridge
WebViewJavascriptBridge是一个有点年代的JS与OC交互的库,使用该库的著名应用还挺多的,目前这个库有7000+star。我去翻看了它的第一版本已经是4年前了,在版本V4.1.4以及之前,该库只有一个类和一个js 的txt文件,所以旧版本的WebViewJavascriptBridge 是非常容易理解的。而最新版的WebViewJavascriptBridge因为也要兼容WKWebView,所以里面也加入了两个新的类,一开始看的时候,会被它里面复杂的逻辑吓到,其实仔细阅读后,它还是非常简单的。
Haley_Wong
2018/08/22
3.8K0
iOS下JS与OC互相调用(五)--UIWebView + WebViewJavascriptBridge
H5 App实战进阶十五:H5 App与原生应用的交互
这篇文章系统地介绍了Nacos作为Dynamic Naming and Configuration Service,是构建云原生应用的重要工具,提供了动态服务发现、配置管理和服务管理功能。其总体架构包含命名服务、配置服务和元数据服务,三大组件协同工作,支持微服务架构。Nacos支持单机、集群和多集群模式,满足不同场景需求。服务注册与发现、配置管理和元数据管理是Nacos的核心功能,实现了服务的动态管理和配置的灵活更新。整体来看,Nacos功能全面,易于使用,是微服务架构中不可或缺的一部分
china马斯克
2024/12/05
4300
移动端H5页面开发坑点指南
前言 在平时的H5移动端开发时,我们难免会遇到各种各样的坑点,这篇文章就带着大家来看看怎么解决,文章较长,建议收藏方便以后查阅!
Javanx
2019/10/28
3.4K0
iOS iOS与html进行交互
实现的 效果就是上边那样:首先通过webview 进行网络请求 然后进行显示。          然后点击下一页的按钮 通过js的响应显示另一个网页          最后通过下一页的按钮可以返回到首页。     本文仅仅是h5跟ios 的交互的入门 所以没有做细致的描述。 首先先说一下思路:我的项目中是那样的:首先h5从后台拿到数据,然后我请求h5的界面,然后通过h5的按钮进行选择,通过ios控制按钮到那个界面。 这个小demo不涉及数据传输,只是界面的交互。 1 我自己写了两个小网页。 代码如下 首页的
用户1219438
2018/02/01
2.6K0
UIWebView与JS的交互
要实现这样一个需求:按照本地的CSS文件展示一串网络获取的带HTML格式的只有body部分的文本,需要自己拼写完整的HTML。除此之外,还需要禁用获取的HTML文本中自带的 < img > 标签自动加载,并把下载图片的操作放在native端来处理,并通过JS将图片在Cache中的地址返回给UIWebview。
用户2491699
2018/08/02
4K0
UIWebView与JS的交互
wkwebview加载完成_【Swift】WKWebView与JS的交互使用
近日,有朋友问我关于WKWebView与JS的交互问题,可我之前一直使用的是UIWebView,也不曾做过WKWebView的交互啊!接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。
安德玛
2022/03/08
6.1K0
相关推荐
UIWebView 浏览器控件一、初始化与三种加载方式二、常用属性和方法三、代理方法 UIWebViewDelegate四、其它案例:
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档