小程序文字长按识别复制和自定义一键复制文本功能

1.文字长按识别复制:

把需要长按复制的文字用text标签包裹,然后添加selectable="true"属性即可

但是这个属性有些缺点,就是长按后不可以直接全选中文本内容进行复制,得手动全选复制(或者复制部分需要的文字)文本内容。如果想要一键复制这样的功能。就得做个一键复制的按钮。

2.一键复制文本功能:

如图,点击按钮时候,实现一键复制文本功能。(我这里就不写页面布局样式了)

 <view class='fwwa_btn' bindtap='copyBtn'>一键复制</view>

在按钮上添加点击事件:bindtap=''copyBtn''。然后在js中,把商品名称的参数赋值给data里面就可以了。

 copyBtn: function (e) {
        var that = this;
        var inviteName = that.data.sku_name;//要复制的商品名称
        wx.setClipboardData({
            //准备复制的数据
            data: inviteName,
            success: function (res) {
                wx.showToast({
                    title: '复制成功',
                });
            }
        });
  },

快去试试吧!

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
实现按Webview页面文字自定义复制、全选、分享、搜索、翻译功能可以通过以下步骤: 1. 在Webview中注册按事件,获取按的位置和选中文本。 2. 创建一个弹出菜单,添加复制、全选、分享、搜索、翻译等操作项。 3. 根据用户选择的操作项进行相应的处理。 下面是具体的实现代码: ``` // 注册按事件 webView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { HitTestResult result = webView.getHitTestResult(); if (result.getType() == HitTestResult.SRC_ANCHOR_TYPE) { // 如果是链接,则不处理 return false; } // 获取按的位置和选中文本 final int x = result.getX(); final int y = result.getY(); final String text = result.getExtra(); // 创建弹出菜单 PopupMenu popupMenu = new PopupMenu(MainActivity.this, webView); popupMenu.getMenuInflater().inflate(R.menu.popup_menu, popupMenu.getMenu()); popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { switch (item.getItemId()) { case R.id.copy: // 复制文本 ClipboardManager cm = (ClipboardManager) getSystemService(CLIPBOARD_SERVICE); cm.setPrimaryClip(ClipData.newPlainText("text", text)); Toast.makeText(MainActivity.this, "已复制到剪贴板", Toast.LENGTH_SHORT).show(); break; case R.id.select_all: // 全选文本 webView.selectAll(); break; case R.id.share: // 分享文本 Intent shareIntent = new Intent(Intent.ACTION_SEND); shareIntent.setType("text/plain"); shareIntent.putExtra(Intent.EXTRA_TEXT, text); startActivity(Intent.createChooser(shareIntent, "分享到")); break; case R.id.search: // 搜索文本 Intent searchIntent = new Intent(Intent.ACTION_WEB_SEARCH); searchIntent.putExtra(SearchManager.QUERY, text); startActivity(searchIntent); break; case R.id.translate: // 翻译文本 Intent translateIntent = new Intent(Intent.ACTION_VIEW); translateIntent.setData(Uri.parse("https://translate.google.com/#auto/zh-CN/" + text)); startActivity(translateIntent); break; } return true; } }); popupMenu.show(); return true; } }); ``` 其中,`R.menu.popup_menu`是菜单的布局文件,可以通过XML定义菜单项: ``` <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/copy" android:title="复制" /> <item android:id="@+id/select_all" android:title="全选" /> <item android:id="@+id/share" android:title="分享" /> <item android:id="@+id/search" android:title="搜索" /> <item android:id="@+id/translate" android:title="翻译" /> </menu> ``` 这样就可以实现按Webview页面文字自定义复制、全选、分享、搜索、翻译功能了。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值