使用ZeroClipboard复制

引入js文件,ZeroClipboard.js,另外需要ZeroClipboard.swf文件

页面按钮代码:data-clipboard-target要关联复制内容

<td class="text-left">
    <p id="copycontent1">${iliveroom.liveEvent.readyPlayAddress!}</p>
    <button id="copyButton1" class="btn defaultButton pull-right" 
       data-clipboard-target="copycontent1">复制</button>
</td>

js代码:

var clip1 = new ZeroClipboard(document.getElementById("copyButton1"), {
	moviePath : "${base}/thirdparty/ZeroClipboard/ZeroClipboard.swf"
});
clip1.addEventListener("complete", function() {
	swal("复制成功!");
});

复制成功后弹出框使用了SweetAlert插件,引用两个文件:sweetalert.css和sweetalert.min.js

页面显示效果:

猜你喜欢

转载自blog.csdn.net/atongmu2017/article/details/83546580
今日推荐