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

Posted 2021-01-11 zhx119

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

html:

<p id="text">1234</p>
<input type="text" id="input">
<button onclick="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("复制成功");
}