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

Question

我想text-type-input通过单击另一个将 a 的值复制到剪贴板button-type-input。最初，我什text-type-input至想要 a button-type-input，但无法找到将 a 的值复制button-type-input到剪贴板的方法。

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

现在，该值不会被复制。请提出一种方法，以及将 a 的值复制button-type-input到剪贴板的方法。

标签： javascripthtml

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">

这是小提琴。