javascript复制到粘贴板的方案

一、纯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>

 

posted @ 2017-09-13 15:51  shenxinpeter  阅读(214)  评论(0编辑  收藏  举报