一、纯javascript实现
思路
1、新建一个输入框input,然后用偏移的方式来"隐藏"到可视区域外;
2、当用户开始复制动作的时候,把要复制的内容放到input内;
3、选中input输入框内的文字(通过DOM的select()方法);
4、执行复制命令(document.execCommand('Copy'););
5、完成,内容已经复制到粘贴板了
代码
<style>
#copy_input{
position: absolute;
top:-1000px;
}
</style>
<script>
$(function(){
$('.click_btn').on('click', function(){
var mytext = '复制的内容';
$('#copy_input').val(mytext);
//使用DOM的select()来选中文本内容
$('#copy_input').get(0).select();
document.execCommand('Copy');
});
});
</script>
<body>
<a class="click_btn">点击复制</a>
<input type="text" id="copy_input">
</body>