单击以复制文本javascript

Question

首先，我是javascript的初学者，我只想了解一下点击切换。我正在制作一个像flatuicolors.com的网站，当您单击div时，它将复制颜色。我已经在P标签的每个div中写入了每种颜色，并且想知道是否可以单击以在该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

巧合的是，我ahd一次制作了完全相同的PEN。

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

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

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