如何复制部分 文本 onClick

Question

我有一个包含 'p' 元素的 HTML 文档，我希望在单击整个元素时将其中的一部分复制到剪贴板。

<p class="pageID"><strong>Page ID: </strong>#A16</p>

哪个 returns: PageID: #A16

我想要它，所以当我单击此行的任意位置时，页面 ID (#A16) 会被复制到剪贴板，但不会复制到剪贴板。我在这里看到了一些类似的问题，并尝试了一堆不同的 JavaScript 解决方案，但没有任何效果。

有什么想法吗？

谢谢！

Answer 1

最重要的是，我会将您要复制的所有内容包装到它自己的元素中，然后复制该元素的文本。

例如：Page ID: #A16

Answer 2

您应该将该文本包装在带有一些 id 的元素中，然后关注它并像这样复制

var el = document.getElementById("myText");
el.select();
document.execCommand("copy");

Answer 3

您可以尝试这样的操作：

<p class="pageID"><strong>Page ID: </strong><span id="toCopy">#A16</span></p>

<script>
document.querySelector(".pageID").addEventListener('click', function() {
   var temp_input = document.createElement("INPUT");
   temp_input.value = document.querySelector('#toCopy').innerHTML;
   temp_input.select();
   document.execCommand("copy");
});
</script>

不需要jQuery！

Answer 4

你可以这样做：

<div id="myId"><p class="pageID" id="myElement"><strong>Page ID: </strong>#A16</p></div>

<script>
$('#myId').onClick(function() {
  var copyText = document.getElementById("myElement");
  copyText.select();
  document.execCommand("copy");
  alert("Copied the text: " + copyText.value); // do whatever you want with this text.
});
</script>

如何复制部分 <p> 文本 onClick

How do I copy portion of <p> text onClick

html

javascript

clipboard