使用js实现文本复制

有时候网页上需要实现一键复制的功能，可以使用clipboard.min.js。

 

<p >要复制的内容</p>
<button id="copybtn">复制</button>

点击复制按钮

 

$("#copybtn").click(function(){
        var ac = document.getElementsByTagName("p")[0].innerHTML;
        var clipboard = new ClipboardJS('#copybtn',{
            text: function() {
                return ac;
            }
        });
        //实例化clipboard
        clipboard.on("success", function(e){
           alert("复制成功");
            e.clearSelection();
            clipboard.destroy(); // 销毁
        });
        clipboard.on("error", function(e){
          alert("复制失败");
            clipboard.destroy(); 
        });
    });

使用之后要销毁，否则可能会有重复的alert。
如此便实现了一键复制的功能。
获取要复制的内容也可以通过id等其它方式。