问君能有几多愁,恰似一江春水向东流~~~

原生JavaScript、JS实现文本拷贝(非插件方式)

其他 浅灬笑 102℃ 0评论

原理

  • 创建一个临时的TextArea
  • 写入数据到TextArea
  • 选中内容
  • 执行拷贝
  • 移除TextArea

代码如下

const copyToClipboard = (str) => {
  const el = document.createElement('textarea');
  el.value = str;
  el.setAttribute('readonly', '');
  el.style.position = 'absolute';
  el.style.left = '-9999px';
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);
};

转载请注明:悠然品鉴 » 原生JavaScript、JS实现文本拷贝(非插件方式)

喜欢 (3)or分享 (0)
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址