webview 长按选择复制

原创 2016年03月01日 16:03:17
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


版权声明:本文为博主原创文章,未经博主允许不得转载。

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给html5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到AppStore搜索对应的应用。之所以不是采用...
  • freshlover
  • freshlover
  • 2014年10月24日 20:16
  • 62334

Android WebView常见问题及解决方案汇总

Android WebView常见问题及使用注意事项汇总 就目前而言,如何应对版本的频繁更新呢,又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. ...
  • t12x3456
  • t12x3456
  • 2013年11月05日 09:26
  • 192930

安卓webview长按分享,长按选择,长按复制,仿好奇心日报长按分享自定义弹窗的实现

安卓webview长按分享,长按选择,长按复制,仿好奇心日报长按分享自定义弹窗的实现...
  • qiushi_1990
  • qiushi_1990
  • 2017年06月13日 16:38
  • 1438

android WebView 长按自由复制文字,进入文字选择模式

长按WebView系统默认进入文字选择默认,但如果想实现先长按菜单显示菜单同能菜单选项来判断是否进行的进入自由复制文本文字选择的操作就不知道该怎么办了。 长按WebView显示弹出菜单,可怎么才在能...
  • aichidanfan
  • aichidanfan
  • 2017年08月06日 01:03
  • 1791

移动端h5长按删除效果

粘贴到html即可看到效果,用于移动端长按删除 删除 // 长按 $.fn.longPress = function(fn) { var timeout = un...
  • zyz_3362
  • zyz_3362
  • 2016年09月05日 18:22
  • 5197

H5页面长按保存图片的功能

1.使用CSS属性 -webkit-touch-callout:default; 可以编辑使改元素长按可保存,但是注意着只是写入了 草案的一个属性。但是在实际使用中并没有发现问题 ...
  • runafter888
  • runafter888
  • 2016年08月24日 00:51
  • 8399

h5页面实现长按删除的效果

直接粘贴复制到编辑器中进行查看效果     长按删除效果 ul{ border:1px solid black; } li{ padding:10px 20px; backgroun...
  • orangeabad
  • orangeabad
  • 2017年11月13日 16:59
  • 460

WebView长按弹出复制粘贴

ActionMode简介 ActionMode是android3.0之后出现的一种菜单选择模式 ActionMode的创建 ActionMode的使用特别的简单,主要用到两个方法,startActio...
  • kemeng7758
  • kemeng7758
  • 2017年09月06日 17:32
  • 832

设置h5页面不可复制文字、图片

设置h5页面不可复制文字 在页面的样式中添加以下代码 * { moz-user-select: -moz-none; -moz-user-select: none; -o...
  • wjw_java
  • wjw_java
  • 2017年01月13日 13:58
  • 1207

WebView自定义长按选择,实现收藏/分享选中文本。

Hello,大家吼,吾就是那个挖坑不止的郭小喵,不管有没有想我(˶‾᷄ ⁻̫ ‾᷅˵)的,这次就分享快速实现一个自定义WebView的小控件吧,效果如下图,废话不多说,我们直接开撸吧。(PS : ╮(...
  • ZuoYueLiang
  • ZuoYueLiang
  • 2017年06月19日 09:18
  • 610
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webview 长按选择复制
举报原因:
原因补充:

(最多只允许输入30个字)