javascript - 单击 div 将 div 中的文本复制到剪贴板

Question

我有几个包含文本段落的 div。我想要实现的是在单击 div 时将段落的内容复制到我的剪贴板中。

请注意，在这种情况下，div 充当可点击的按钮。

我可以使用包含文本的按钮使其工作，但是我正在努力使其与 div 一起工作。

<div class="parent">

        <div class="child">
            <p>Text A.</p>
        </div>

        <div class="child">
            <p>Text B.</p>
        </div>

        <div class="child">
            <p>Text C.</p>
        </div>
</div>

Answer 1

你可以使用这样的东西:

HTML:

<button id="btn" onclick="myFunction()">Copy text</button>

JS:

function myFunction() {
  var copyText = document.getElementById("btn");
  navigator.clipboard.writeText(copyText.textContent)
}