資訊專欄INFORMATION COLUMN
摘要：前言最終適配所有機(jī)型的方案基于官網(wǎng)這個庫由幾個不同的提供商托管。提供的復(fù)制失敗的方法，進(jìn)行復(fù)制失敗提示復(fù)制失敗請手動選擇復(fù)制。上其他相關(guān)分享使用實(shí)現(xiàn)前端頁面復(fù)制到粘貼板的功能中配合實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板
前言
最終適配所有機(jī)型的方案基于clipboardjs
官網(wǎng)https://clipboardjs.com/
這個庫由幾個不同的CDN提供商托管。選擇你最喜歡的：）
建議使用 v1.7.1 版本 以下版本為 v2.0.4 jsDelivr cdnjs RawGit unpkg
HTML部分按照clipboard提供的API進(jìn)行編寫
JS
//復(fù)制
$(".btn").on("click", function(){
//這部分使用原生的復(fù)制方法
$(".code").select();
document.execCommand("copy",false,null);
//這部分使用clipboardjs提供的復(fù)制方法
var clipboard = new Clipboard(".btn");
clipboard.on("success", function(e) {
e.clearSelection();
});
alert("復(fù)制成功。");
//clipboardjs提供的復(fù)制失敗的方法，進(jìn)行復(fù)制失敗提示
clipboard.on("error", function(e) {
alert("復(fù)制失敗,請手動選擇復(fù)制。");
});
})
segmentfault上其他相關(guān)分享
使用clipboard實(shí)現(xiàn)前端頁面復(fù)制到粘貼板的功能
Vue中配合clipboard.js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/94112.html
摘要：開發(fā)游戲營銷頁面中文網(wǎng)開發(fā)官網(wǎng)社區(qū)中文文檔阮一峰的入門實(shí)例教程極客學(xué)院整理的文檔解決方案復(fù)制雙端兼容方案待完善微信開發(fā)微信小程序開發(fā)文檔微信小游戲開發(fā)文檔學(xué)習(xí)文檔極客學(xué)院學(xué)習(xí)文檔常見用法對照表年看過的中文官網(wǎng)其他庫類翻頁庫柱狀圖餅 canvas開發(fā)/H5游戲/H5營銷頁面 threehttps://threejs.org/AR jshttps://github.com/shouziji...
摘要：是方法起始光標(biāo)結(jié)束光標(biāo)不兼容蘋果復(fù)制文字必須手動觸發(fā)點(diǎn)擊事件或者其他事件，不能直接使用調(diào)用實(shí)現(xiàn)一鍵復(fù)制到粘貼板兼容兼容性補(bǔ)充移動端安卓手機(jī)微信和幾個手機(jī)瀏覽器都可以用。 實(shí)現(xiàn)原理 采用document.execCommand(copy)來實(shí)現(xiàn)復(fù)制到粘貼板功能 復(fù)制必須是選中input框的文字內(nèi)容，然后執(zhí)行document.execCommand(copy)命令實(shí)現(xiàn)復(fù)制功能。初步實(shí)現(xiàn)方案...
閱讀 2439·2021-10-09 09:44
閱讀 3809·2021-09-22 15:43
閱讀 2927·2021-09-02 09:47
閱讀 2553·2021-08-12 13:29
閱讀 3875·2019-08-30 15:43
閱讀 1684·2019-08-30 13:06
閱讀 2193·2019-08-29 16:07
閱讀 2753·2019-08-29 15:23
