js复制文本内容到剪贴板

记录一下使用clipboardData复制不成功。

 

1、定义一个按钮执行复制

<div>
    <button type="button" id="copyRawButton" class="btn btn-info" data-clipboard-action="copy"
            data-clipboard-target="#rawResult">复制原始内容
    </button>
</div>



在复制成功后弹出提示。
var clipboard = new Clipboard('#copyRawButton');/3、clipboard.on('success', function (e) {

    console.log(e);
    alert("复制原始数据成功")
});


2、

之前用的 window.clipboardData.setData在chrome浏览器并没有生效，只能在ie生效。，

需要引用<script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.js"></script> 这个库才可以。