微信小程序点击复制文本到剪切板，获取剪切板内容

设置剪切板：wx.setClipboardData

获取剪切板：wx.getClipboardData

api:https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.html

wxml:

<view>内容：{{contents}} </view>
<view  bindtap='copyText' data-text="{{contents}}">复制</view>

js:

Page({data: {contents:'这是可以复制的文字,粘贴后即可看到效果'},//复制文本copyText(e) {console.log(e)wx.setClipboardData({data: e.currentTarget.dataset.text,success: function (res) {wx.getClipboardData({success: function (res) {wx.showToast({title: '复制成功'})}})}})},
})

微信小程序点击复制文本到剪切板，获取剪切板内容相关推荐

微信小程序点击复制文本至剪切板
只需要在点击事件内使用 wx.setClipboardData这个API即可 wx.setClipboardData({data: '_______',//需要复制的内容success: functi ...
微信小程序长按复制文本内容
<text user-select='true'>{{itext}}</text> 注意:<text selectable='true'> 长按复制文本</t ...
微信小程序长按复制文本
wxml部分 <view class="basic-row" bindlongtap="copyLess" data-info="我是复制的文本 ...
微信小程序点击换头像-图片从本地获取-tab选项卡-点击按钮出弹框
 <view class='member'><image class='header' src=&qu ...
微信小程序点击button按钮后重置输入框等表单内容
效果如图 wxml如下图在js文件中设置 /*** 重置条件*/resetSalaryBtnClick: function (e) {this.setData({minben: "&quo ...
微信小程序点击复制功能
微信小程序点击复制功能 wx.setClipboardData({data: data, // data就是需要复制的数据success: res => {this.onClose() // 复 ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...

微信小程序点击复制文本到剪切板，获取剪切板内容

微信小程序点击复制文本到剪切板，获取剪切板内容相关推荐

最新文章

热门文章