1. 程式人生 > >【Html】Clipboard.js 實現點選複製,剪下板操作

【Html】Clipboard.js 實現點選複製,剪下板操作

可以使用cdn 或者直接下載 設定好引用路徑(百度雲下載)

<script type="text/javascript" src="./dist/clipboard.min.js"></script>  

html

<input type="text" id="copyVal" readonly value="被複制內容" />
<button class="copyBtn" >點選複製</button>

javascript

        //例項化 ClipboardJS物件;
        var
copyBtn = new ClipboardJS('.copyBtn'); copyBtn.on("success",function(e){ // 複製成功 alert(e.text); e.clearSelection(); }); copyBtn.on("error",function(e){ //複製失敗; console.log( e.action ) });

這裡的ClipboardJS在例項化時, 如果報錯:clipboard is not defined

解決辦法就是如下:

new ClipboardJS(obj)

原因就是 Clipboard.JS版本是2.0及以上版本

 

原文地址:https://blog.csdn.net/fly_wugui/article/details/80327385