原生 js 实现点击按钮复制文本

最新推荐文章于 2020-12-30 18:07:33 发布

weixin_30477293

最新推荐文章于 2020-12-30 18:07:33 发布

阅读量148

点赞数

原文链接：http://www.cnblogs.com/zhx119/p/9753978.html

版权

以前有个需求就是复制粘贴，今天了解一下一根复制的原生js实现的效果

html:

<p id="text">1234</p>
<input type="text" id="input">
<button οnclick="copy()">复制p标签的文本</button>

js：

function copy ()
{
  var text = document.getElementById("text").innerText;
  var input = document.getElementById("input");
  input.value = text; // 修改文本框的内容
  input.select(); // 选中文本
   document.execCommand("copy"); // 执行浏览器复制命令
  alert("复制成功");
}

转载于:https://www.cnblogs.com/zhx119/p/9753978.html