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