引入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
页面显示效果: