首页 > 技术文章 > js 一键复制

guanst 2016-07-28 09:43 原文

<div id="u77" class="ax_default label">
<div id="u77_div" class=""></div>
<!-- Unnamed () -->
<div id="u78" class="text" style="visibility: visible;">
<p><span id="bar">http://www.baidu.com</span></p>
</div>
</div>

<!-- Unnamed (矩形) -->
<div id="u79" class="ax_default primary_button">
<div id="u79_div" class=""></div>
<!-- Unnamed () -->
<div id="u80" class="text" style="visibility: visible;">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar" style="background-color:transparent;width:73px;height:38px;border:0px;color:white;"><p><span>复制</span></p></button>
</div>
</div>

 

JS部分

<script>

var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert("恭喜您,复制成功");
e.clearSelection();
});

clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});

</script>

推荐阅读