微信小程序?qū)崿F(xiàn)的一鍵復制功能示例
更新時間：2019年04月24日 09:10:26 作者：weixin_41991473
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的一鍵復制功能,結(jié)合實例形式分析了微信小程序wx.setClipboardData接口實現(xiàn)操作粘貼板進行復制操作的相關(guān)使用技巧,需要的朋友可以參考下
本文實例講述了微信小程序?qū)崿F(xiàn)的一鍵復制功能。分享給大家供大家參考，具體如下：
微信小程序不支持頁面復制功能，故要實現(xiàn)某些信息的復制，需要開發(fā)復制功能
微信小程序中復制一般采用調(diào)用 wx.setClipboardData 接口
實現(xiàn)功能如下：
1，.wxml里寫一個復制按鈕
<button bindtap="copy"> 一鍵復制 </button>
2, .js里寫復制功能
copy: function (e) {
var that = this;
wx.setClipboardData({
data: "這里為復制的內(nèi)容",
success: function (res) {
wx.showModal({
title: '提示',
content: '復制成功',
success: function (res) {
if (res.confirm) {
console.log('確定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
});
},
如此即可實現(xiàn)復制功能了
wx.setClipboardData 接口詳細說明還可參考官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
JavaScript+html5 canvas實現(xiàn)圖片破碎重組動畫特效
這篇文章主要介紹了JavaScript+html5 canvas實現(xiàn)破碎重組的視頻特效，感興趣的小伙伴們可以參考一下2016-02-02
JavaScript中改變this指向的三種方式總結(jié)
this?指向的值是可以通過手動方式去改變的,比如call、bind、apply方法,本文主要為大家介紹了這三種方式的具體實現(xiàn)步驟,需要的可以參考下2023-12-12
本文主要介紹了純js模仿windows系統(tǒng)日歷的思路與實現(xiàn)方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
jQuery ajax(復習)—Baidu ajax request分離版
你沒有看錯標題，本文的確是在講Baidu ajax，不過是很久很久以前的版本了,我們先分析一段簡單的ajax代碼，來自早期的百度七巧板項目通過這個來先復習一遍ajax的知識2013-01-01
這篇文章主要介紹了JS 圖片壓縮原理與實現(xiàn)方法,結(jié)合實例形式詳細分析了JS 圖片壓縮原理、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2020-04-04
微信小程序?qū)崿F(xiàn)添加手機聯(lián)系人功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)添加手機聯(lián)系人功能,結(jié)合實例形式分析了微信小程序添加聯(lián)系人的具體步驟,包括布局與邏輯實現(xiàn)技巧,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了javascript獲取數(shù)組的最后一個元素,需要的朋友可以參考下2015-04-04
這篇文章介紹了Javascript 遮罩層和加載效果代碼，有需要的朋友可以參考一下2013-08-08
Echats圖表大屏自適應(yīng)的實現(xiàn)方法
很多時候我們需要用圖表來制作我們統(tǒng)計的數(shù)據(jù)直觀的分析,所以我們可以用Echarts來制作圖表,這篇文章主要給大家介紹了關(guān)于Echats圖表大屏自適應(yīng)的實現(xiàn)方法,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了Nuxt.js 實戰(zhàn)集錦,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11