【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