PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > 小程序实现复制文本内容

小程序实现复制文本内容

樂成的开发笔记
樂成的开发笔记 原创
2019年09月06日 16:47:28 3105浏览

一、弹出框点击复制,也可以点击直接复制即可,根据自己需求修改

<view bindtap="copyUrl" data-url="{{item.LinkUrl}}" >
...
</view>
copyUrl: function (e) {
    wx.showModal({
        title: '这是一个外部链接',
        content: '小程序暂不支持打开非业务域名的外部链接,可点击复制链接后在浏览器中粘贴查看',
        confirmText: '复制链接',
        success(res) {
            if (res.confirm) {
                console.log('用户点击确定')
                wx.setClipboardData({
                    data: e.currentTarget.dataset.url,  //文本内容
                    success: function (res) {
                        wx.getClipboardData({
                            success: function (res) {
                                wx.showToast({
                                    title: '链接复制成功'
                                })
                            }
                        })
                    }
                })
        
            } else if (res.cancel) {
                console.log('用户点击取消')
            }
        }
    })

}


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议