webview 长按选择复制

WebView长按复制功能实现
最新推荐文章于 2025-09-22 14:15:14 发布
原创 最新推荐文章于 2025-09-22 14:15:14 发布 · 8.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在WebView中实现长按选择复制的功能，分别从JavaScript和Android层面进行讲解。在JS中处理android.selection.longTouch事件，而在Android层通过OnTouchListener监听长按，结合WebView的Context Menu与emulateShiftHeld()方法（使用反射调用），以兼容不同版本的Android系统。
部署运行你感兴趣的模型镜像
1.首先在h5中加入 
<head>
    <style>
        .unselectable {
            -moz-user-select: none;
            -webkit-user-select: none;
        }
    </style>
</head>
<body>
    <div class="unselectable" unselectable="on">
        The user is not able to select this text in Firefox, Google Chrome and Safari.
        In Internet Explorer and Opera, it is selectable only if the selection starts outside.
    </div>
</body>


2.系统默认会有长按效果。
3.如果需要自定义效果
 这个功能首先可以从两方面完成：
  (1) 在js中完成:
    处理android.selection.longTouch
  (2) 安卓层处理:
     首先使用OnTouchListener实现长按实现监听,然后实现WebView的Context menu,最后调用webview中的emulateShiftHeld(),为了适配安卓不同版本,最好使用反射方式调用.
开源项目参考：
这里推荐一个开源项目进行参考,：
https://github.com/btate/BTAndroidWebViewSelection

您可能感兴趣的与本文相关的镜像

HunyuanVideo-Foley

HunyuanVideo-Foley

语音合成

HunyuanVideo-Foley是由腾讯混元2025年8月28日宣布开源端到端视频音效生成模型，用户只需输入视频和文字，就能为视频匹配电影级音效

Android之实现长按Webview页面文字自定义复制、全选、分享、搜索、翻译功能（支持多语言，博文也有Demo下载地址，绝对没问题）
码莎拉蒂
04-21 7968
1 需求和效果爆照 浏览器app封装了Webview，然后实现实现长按Webview页面文字自定义复制、全选、分享、搜索、翻译功能（支持多语言），都在自己的浏览器app里面进行搜索和翻译，不跳到系统浏览器里面去 效果爆照如下，oppo手机效果如下 华为手机效果如下 2 分析加实现 ...
Android WebView自定义长按选择实现收藏/分享选中文本功能
08-30
Android WebView自定义长按选择实现收藏/分享选中文本功能 Android WebView 是 Android 中的一个组件，允许开发者在应用程序中显示 web 内容。但是，Android WebView 的长按选择功能是有限的，无法满足一些特殊的...
WebView长按后调用系统自带功能复制文字
谷哥的小弟
07-23 4359
mWebView.emulateShiftHeld();
android 解决webView页面双击出现复制剪切等
最新发布
Ueming的博客
09-22 50
本文介绍了如何禁用WebView中双击输入框时出现的复制/剪切操作栏。通过自定义MyWebView类继承WebView，重写onTouchEvent方法，检测300毫秒内的连续点击事件并拦截，从而屏蔽系统默认的双击操作。使用时只需在布局文件中替换为自定义的MyWebView控件即可。这种方法简单有效地解决了WebView中双击输入框弹出操作栏影响用户体验的问题。
[转]WebView长按弹出复制粘贴
Admans的专栏
03-11 1660
ActionMode简介 ActionMode是android3.0之后出现的一种菜单选择模式 ActionMode的创建 ActionMode的使用特别的简单，主要用到两个方法，startActionMode和ActionMode.Callback()，startActionMode:开启我们的菜单，ActionMode.Callback方法中主要有四个方法，详情和介绍看下面的代码： ...
安卓开发之webview长按复制粘贴功能
q9104422999的博客
11-16 5678
8.长按事件 因为webview长按时将会调用系统的复制控件: //长按复制粘贴 mWebView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View view) {
WebView长按弹出复制粘贴
热门推荐
彼岸人生的专栏
09-06 1万+
ActionMode简介 ActionMode是android3.0之后出现的一种菜单选择模式 ActionMode的创建 ActionMode的使用特别的简单，主要用到两个方法，startActionMode和ActionMode.Callback()，startActionMode:开启我们的菜单，ActionMode.Callback方法中主要有四个方法，详情和介绍看下面的代码：
android WebView 长按自由复制文字，进入文字选择模式
爱吃鹌鹑蛋的博客
08-06 1万+
长按WebView系统默认进入文字选择默认，但如果想实现先长按菜单显示菜单同能菜单选项来判断是否进行的进入自由复制文本文字选择的操作就不知道该怎么办了。 长按WebView显示弹出菜单，可怎么才在能实现点击菜单选择进入自由复制文本模式呢？在网上翻了个遍，都不怎么如意，纠结了几日，下午偷懒睡了一觉突然就想到了Instrumentation模拟长按操作触发WebView默认的显示复制菜单
webview长按自由复制文字
果酱大师的博客
11-27 3005
朋友说7.0华为的webview长按粘贴有问题， 在这个博客中找到答案了 mark下 http://www.jianshu.com/p/16713361bbd3 说不定以后用得到
Android WebView实现长按保存图片及长按识别二维码功能
08-28
在弹框中，提供识别二维码的选项，用户可以选择复制或访问二维码对应的网址。 三、使用DialogFragment显示弹框 为了显示弹框，使用DialogFragment代替PopupWindow。DialogFragment可以自定义弹框的显示位置和样式...
WebView 自定义长按选择，实现收藏 / 分享选中文本
06-27
本文将深入探讨如何在WebView中实现自定义长按选择，以及选中文本的收藏和分享功能。 首先，我们需要了解WebView的基本用法。WebView继承自View类，它可以加载HTML、CSS、JavaScript等Web内容。通过调用`loadUrl()`...
Android WebView另类实现 自由复制进入选择文字模式
08-06
Android WebView实现自由复制文字
手机移动端 js复制粘贴
04-16
移动端js 点击按钮复制到粘贴，有demo和js包，兼容性比较强
js实现一键复制功能
12-08
项目描述：最近做一个移动端活动页面，用户抽奖后会生成一个兑换码，为了优化用户体验，需要做一个复制按钮，能够一键复制兑换码。 项目需求: 兼容移动端所有主流浏览器。并且做为安卓和IOS的H5页面。 目前能够实现复制功能的方法有以下几种： execCommand(“copy”); clipboardData; ZeroClipboard.js 1.execCommand:是doucment对象的方法,可以实现浏览器菜单的很多功能，如保存文件，打开新文件，撤销，复制，等等。可以更好的完成文本编辑 有如下用法: 【全选】 格式：document.execCommand(“SelectAll
安卓webview长按分享，长按选择，长按复制，仿好奇心日报长按分享自定义弹窗的实现
编程小石头
06-13 6969
安卓webview长按分享，长按选择，长按复制，仿好奇心日报长按分享自定义弹窗的实现
android 长按赋值功能,android实现WebView中长按选中复制文本操作
weixin_29553791的博客
05-25 792
啥都不说了，老司机直接移步GITHUB看源码吧：https://github.com/deaboway/AndroidWebViewTextSelect万一不work，一定不是代码的问题，你可以自查链接中的如下情况CSS控制页面文字不能被选中user-select:none;body{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*we...
android 之WebView 长按自由复制文字进入文字选择模式
lizhong
10-14 2005
功能：长按WebView系统默认进入文字选择默认，实现先长按菜单显示菜单同能菜单选项来判断是否进行的进入自由复制文本文字选择的操作。 一、长按WebView显示弹出菜单，可怎么才在能实现点击菜单选择进入自由复制文本模式呢？在网上翻了个遍，都不怎么如意，纠结了几日，下午偷懒睡了一觉突然就想到了Instrumentation模拟长按操作触发WebView默认的显示复制菜单 实现模拟长按操作实现类 ...
华为手机WebView长按不能复制，记一次少见奇葩bug解决之旅
CysionLiu的博客
11-29 6817
class MainActivity : AppCompatActivity() { @SuppressLint(&quot;SetJavaScriptEnabled&quot;) override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setCon...
WebView复制粘贴文本
wuqingsen1的博客
06-01 3567
先上效果图： 第一步，将下面的两个类复制到项目中：     1.接口类： /** * author: wu * date: on 2018/5/30. * describe:webView复制接口 */ public interface ActionSelectListener { void onClick(String title, String selectTex...
写webview长按复制的代码
04-19
以下是一个简单的写webview长按复制的代码示例： ``` webView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { final WebView.HitTestResult hitResult = webView.getHitTestResult(); if (hitResult.getType() == WebView.HitTestResult.UNKNOWN_TYPE) { return false; } ClipboardManager clipboardManager = (ClipboardManager) getSystemService(CLIPBOARD_SERVICE); clipboardManager.setPrimaryClip(ClipData.newPlainText("text", hitResult.getExtra())); Toast.makeText(MainActivity.this, "已复制", Toast.LENGTH_SHORT).show(); return true; } }); ``` 该代码首先给WebView设置了一个长按监听器。当用户长按WebView时，代码会获取长按位置的HitTestResult，并检查其类型是否为UNKNOWN_TYPE。如果不是UNKNOWN_TYPE，代码会将HitTestResult的额外信息（通常是选中文本或URL）复制到系统剪贴板中，并弹出一个Toast提示用户已复制。最后，代码返回true以指示长按事件已处理完毕，不再继续传递给WebView的其他监听器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值