拷贝页面文本到粘贴板（兼容IE8）

辉~情

于 2020-12-15 14:45:41 发布

阅读量339

点赞数

CC 4.0 BY-SA版权

分类专栏：前端小功能文章标签： javascript

本文链接：https://blog.youkuaiyun.com/bigtree_/article/details/111211680

前端小功能专栏收录该内容

2 篇文章

订阅专栏

该代码段提供了一个JavaScript函数，用于在IE8及更高版本的浏览器中实现文本复制到粘贴板的功能。通过创建一个隐藏的textarea元素，将需要复制的内容填入，然后选中并执行复制命令，最后移除textarea元素，完成复制操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

拷贝页面文本到粘贴板（兼容IE8）

function copy() {
  //根据实际情况更改,需要复制内容的载体
  var cpTxt = $(this).parent().prev("td").text();
  if (!cpTxt) {
    alert("内容为空");
    return null;
  }
  //生成一个textarea对象
  var textArea = document.createElement('input');
  //设置属性
  textArea.style.position = 'fixed';
  textArea.style.top = 0;
  textArea.style.left = 0;
  textArea.style.width = '2em';
  textArea.style.height = '2em';
  textArea.style.padding = 0;
  textArea.style.border = 'none';
  textArea.style.outline = 'none';
  textArea.style.boxShadow = 'none';
  textArea.style.background = 'transparent';
  textArea.value = cpTxt;
  //添加到页面body
  document.body.appendChild(textArea);
  textArea.select();
  //执行
  var bool = document.execCommand('copy');
  var msg = bool ? '成功' : '失败';
  alert('复制' + msg);
  //移除对象
  document.body.removeChild(textArea);
}