做小程序开发,就知道其实小程序是有限制的,在小程序内无法打开网址,只允许从一个小程序跳到另一个小程序。
今天主要不是说小程序的限制,我们来看一下,如果网址不能打开的情况下,能否给用户提供“一键复制”功能?
必须可以,微信提供了复制的API,如下:
代码语言:javascript复制wx.setClipboardData({
data: url,
success: function (res) {
util.showModelTips('复制成功');
}
})
我们来看一下“一键复制”的使用场景~
一、复制全部内容(今天要说的重点)
实例一:复制网址
这个就是上面说的例子,就不详细介绍了
实例二:复制全部文本
这种情况也有,就是想复制一段内容出来。做法是监听长按事件bindlongtap,然后触发弹层,点击弹层,触发“复制代码”~
实例三:复制所有内容,用微信通用菜单形式展示
看了小程序的API,其实也提供了showActionSheet方法,可以把菜单做的更像微信原生菜单,效果图和代码如下:
代码语言:javascript复制wx.showActionSheet({
itemList: ['复制内容', '上传背景图片'],
success: function (res) {
console.log(res.tapIndex)
},
fail: function (res) {
console.log(res.errMsg)
}
})
二、复制部分文本内容
小程序API也提供了选择复制,就是使用text标签,设置selectable="true",并且必须是text标签,如下:
代码语言:javascript复制<text class="c-desc" selectable="true">{{detail.desc}}</text>
OK,今天就分享到这儿~