原生实现
function copy(data){
var oInput = document.createElement("input");
oInput.value = data;
document.body.appendChild(oInput);
oInput.select();
document.execCommand("Copy");
oInput.className = "oInput";
oInput.style.display = "none";
}
html实现
<input type="text" readonly="readonly" unselectable="on" value="mytxt" class='mytxt' style=" background: none;border: none;color: #dfc37a; ">
<a class="copyname" href="javascript:;">复制</a>
<script type="text/javascript">
$('.copyname').click(function(){
var dd = $('.mytxt');
dd[0].select();
document.execCommand("Copy");
});
</script>
使用插件 引入clipboard.js
<script>
copyFn = function() {
var clipboard = new Clipboard('.copy-btn', {
text: function(trigger) {
return $('.copy-txt').text();
}
});
clipboard.on('success', function() {
alert('复制成功!');
});
clipboard.on('error', function(e) {
alert('请手动选择文本复制!');
});
}
copyFn();
</script>