資訊專欄INFORMATION COLUMN
摘要：前言最終適配所有機型的方案基于官網(wǎng)這個庫由幾個不同的提供商托管。提供的復(fù)制失敗的方法，進行復(fù)制失敗提示復(fù)制失敗請手動選擇復(fù)制。上其他相關(guān)分享使用實現(xiàn)前端頁面復(fù)制到粘貼板的功能中配合實現(xiàn)點擊按鈕復(fù)制內(nèi)容到剪切板
前言
最終適配所有機型的方案基于clipboardjs
官網(wǎng)https://clipboardjs.com/
這個庫由幾個不同的CDN提供商托管。選擇你最喜歡的：）
建議使用 v1.7.1 版本 以下版本為 v2.0.4 jsDelivr cdnjs RawGit unpkg
HTML部分按照clipboard提供的API進行編寫
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ù)制失敗的方法，進行復(fù)制失敗提示
clipboard.on("error", function(e) {
alert("復(fù)制失敗,請手動選擇復(fù)制。");
});
})
segmentfault上其他相關(guān)分享
使用clipboard實現(xiàn)前端頁面復(fù)制到粘貼板的功能
Vue中配合clipboard.js實現(xiàn)點擊按鈕復(fù)制內(nèi)容到剪切板
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/94112.html
摘要：開發(fā)游戲營銷頁面中文網(wǎng)開發(fā)官網(wǎng)社區(qū)中文文檔阮一峰的入門實例教程極客學(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ào)用實現(xiàn)一鍵復(fù)制到粘貼板兼容兼容性補充移動端安卓手機微信和幾個手機瀏覽器都可以用。 實現(xiàn)原理 采用document.execCommand(copy)來實現(xiàn)復(fù)制到粘貼板功能 復(fù)制必須是選中input框的文字內(nèi)容，然后執(zhí)行document.execCommand(copy)命令實現(xiàn)復(fù)制功能。初步實現(xiàn)方案...
閱讀 2519·2021-10-09 09:44
閱讀 3908·2021-09-22 15:43
閱讀 2998·2021-09-02 09:47
閱讀 2660·2021-08-12 13:29
閱讀 3942·2019-08-30 15:43
閱讀 1747·2019-08-30 13:06
閱讀 2250·2019-08-29 16:07
閱讀 2816·2019-08-29 15:23
