javascript - 点击复制文本javascript

Question

让我先说我是 javascript 的初学者，我只是了解点击切换。 我正在制作一个类似 flatuicolors.com 的网站当你点击一个 div 时，它会复制颜色。我已经在每个 div 中的 P 标签中写下了每种颜色，想知道您是否可以单击以复制该 div 中的 P 标签。

<div class="main-colour-container col-group-1">
    <div class="colours-featured" id="div2">

        <div class="colour-box" style="background:#F22613;">
            <div class="inside-colour-box">
                <div class="colour-box-text fade">
                    <p>#F22613</p>
                </div>
            </div>
        </div>

        <div class="colour-box" style="background:#F44336;">
            <div class="inside-colour-box">
                <div class="colour-box-text fade">
                    <p>#F44336</p>
                </div>
            </div>
        </div>
        <div class="colour-box" style="background:#C62828;">
            <div class="inside-colour-box">
                <div class="colour-box-text fade">
                    <p>#C62828</p>
                </div>
            </div>
        </div>
        <div class="colour-box" style="background:#DB3D45;">
            <div class="inside-colour-box">
                <div class="colour-box-text fade">
                    <p>#DB3D45</p>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

巧合的是，我做过一次完全相同的笔。

Here是链接。希望能帮助到你。 :)

function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}

如果有帮助，请勾选答案。