小程序实现点击复制内容功能

x.wxml

<view class="margin-30"><text>点击下方按钮复制链接地址并用浏览器打开</text><text class='shopName' bindtap='textPaste'></text><button bindtap="textPaste">点击复制</button>
</view>

*.js

const app = getApp();
Page({textPaste() {wx.setClipboardData({data: '需要复制的内容',success: function (res) {wx.getClipboardData({// 这个api是把拿到的数据放到电脑系统中的success: function(res) {console.log(res.data) // data}})}})}
})

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

小程序实现点击复制内容功能相关推荐

小程序 - 实现【一键复制】功能
小程序 - 实现[一键复制]功能为啥想起使用[一键复制]功能?因为个人小程序里,不许加外链接,很是头疼,就想到一键复制链接,这是我刚写的一个减一的小程序: 使用[一键复制]: wxml 文件: &l ...
微信小程序实现点击按钮退出功能
使用这个标签和里面的属性点击就可以直接退出小程序了 <navigator @click="tuichuClick" class="btn" open-ty ...
【实战】微信小程序实现点击复制（wx.setClipboardData）
文章目录 wx.setClipboardData(Object object) | 微信开放文档 wx.getClipboardData(Object object) | 微信开放文档 handleC ...
html实现点击复制内容功能
需要实现点击复制功能需要先下载个插件: vue中可以通过 npm install clipboard --save-dev 来安装该插件: 也可以通过使用线上cdn: 复制scirpt标签引入到页面即 ...
微信/头条/百度小程序实现点击复制功能
之前整理过一篇Html5点击复制文本内容效果,详情<js实现点击按钮复制目标内容>,今天公司抖音小程序也需要实现点击复制抖音号的功能,就那微信小程序的源码测试了,结果我笑了! html: ...
微信小程序开发教程第八章：微信小程序分组开发与左滑功能实现
接着上面微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现.(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开 ...
【微信小程序/实现】实现留言墙功能页面
[微信小程序/实现]实现留言墙功能一.需求分析二.功能设计三.页面设计四.代码 (一)核心代码:向服务器发出请求 (二)完整代码 message.wxml message.wxss messa ...
我的小程序新增了证件照换底色功能
点击上方蓝字"优派编程"选择"加为星标",第一时间关注原创干货原文地址 http://wp.fang1688.cn/study/646.html 我的小程序新 ...
JavaScript-点击复制内容
JavaScript-点击复制内容 ececCommand 显示可能被废弃这里使用 navigator navigator.clipboard.writeText(value).then(() =& ...

小程序实现点击复制内容功能

x.wxml

*.js

小程序实现点击复制内容功能相关推荐

最新文章

热门文章