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

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: '复制成功',
                });
            }
        });
  },

快去试试吧!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值