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


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

相关文章推荐

webview复制粘贴文本

android webview 复制文本-- http://blog.csdn.net/ajun495175289/article/details/9059817 当使用clipboard frame...
  • ShareUs
  • ShareUs
  • 2016年10月03日 18:16
  • 2285

关于Android长按出现复制粘贴栏在顶部占位问题解决方法

关于Android长按出现复制粘贴栏在顶部占位问题解决方法大家都知道,在Android长按WebView或EditText等组件时,4.0以上的系统顶部会出现复制/粘贴栏(以下使用使用操作栏作为描述)...

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

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

WebView长按弹出复制粘贴

ActionMode简介 ActionMode是android3.0之后出现的一种菜单选择模式 ActionMode的创建 ActionMode的使用特别的简单,主要用到两个方法,startActio...

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

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

为webview添加复制文本的功能

需求描述:   长按WebView出现Context menu,显示"复制”菜单点击上述菜单后选择文本,复制到剪贴板 概要设计+详细设计: 用OnTouchListener实现长按实现...

Android- WebView 在文本上实现 复制粘贴功能

有个群里的小伙伴私聊我说,他们老大要求做一个在WebView上实现复制粘贴或者实现更多的功能,webview本身自带的复制粘贴 不能很好的支持他的需求. 好吧,我也就搜索了下 有个开源框架 国外...

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

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

html5+CSS 禁止IOS长按复制粘贴实现

因为在移动端APP需要实现长按执行别的事件,但是在IOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。 项目是APP,已经经过多款手机适配此时,因此可以放...

移动端h5长按删除效果

粘贴到html即可看到效果,用于移动端长按删除 删除 // 长按 $.fn.longPress = function(fn) { var timeout = un...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webview 长按选择复制
举报原因:
原因补充:

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