Question

假设我有一个带有Javascript事件的以下HTML元素列表，用于将HTML输入类型文本的内容复制到剪贴板：

<input type="text" size="70" value="something1" id="v1">
<button onclick="CopyToClipboard('v1')">Copy command</button>

<input type="text" size="70" value="something2" id="v2">
<button onclick="CopyToClipboard('v2')">Copy command</button>

等等。

如何使用javascript复制txt？

我正在尝试调整以下代码，但是我不知道如何将HTML ID传递给javascript代码。我知道getElementById（）在那种情况下是不正确的，不应调用。但是我不知道如何将id值传递到Javascript函数中。

<script>
function CopyToClipboard(myInput) {
  /* Get the text field */
  var copyText = document.getElementById("myInput");

  /* Select the text field */
  copyText.select(myInput);

  /* Copy the text inside the text field */
  document.execCommand("copy");

  /* Alert the copied text */
  alert("Copied the text: " + copyText.value);
}
</script>

任何帮助将不胜感激。

谢谢

Answer 1

错误是您使用document.getElementById("myInput")而不是document.getElementById(myInput)。

Answer 2

function CopyToClipboard(myInput) {
  /* Get the text field */
  var copyText = document.getElementById(myInput) // pass dynamic value here

console.log(copyText)
  /* Select the text field */
  copyText.select(myInput);

  /* Copy the text inside the text field */
  document.execCommand("copy");

  /* Alert the copied text */
  alert("Copied the text: " + copyText.value);
}

<input type="text" size="70" value="something1" id="v1">
<button onclick="CopyToClipboard('v1')">Copy command</button>

<input type="text" size="70" value="something2" id="v2">
<button onclick="CopyToClipboard('v2')">Copy command</button>

javascript将HTML输入类型ID传递给函数

2 个答案: