javascript - 通过使用 JS 单击另一个按钮类型输入，将值从输入复制到剪贴板

Question

我想通过单击另一个 button-type-in​​put 将 text-type-in​​put 的值复制到剪贴板。最初，我什至希望将 text-type-in​​put 变成 button-type-in​​put，但无法找到复制 值的方法按钮类型输入到剪贴板。

代码可以在 https://jsfiddle.net/aQwus/t6t69ppb/2/ 找到

现在，该值不会被复制。请建议一种方法，以及一种将 button-type-in​​put 的值复制到剪贴板的方法。

Answer 1

简单，只需监听按钮的点击事件，使用element.addEventListener函数即可。

function copyTextToClipboard() {

  var id1 = document.querySelector('#id1');

  //copying the value to clipboard
  id1.select();
  document.execCommand("Copy");

  alert("Copied");

}

var id2 = document.querySelector('#id2');

id2.addEventListener("click", copyTextToClipboard);

<input id="id1" type="text" value="text text text!">
<input id="id2" type="button" value="Copy text">

这是 fiddle .