单击以复制文本 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就是link。希望能帮助到你。 :)

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

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

单击以复制文本 javascript

Click to copy text javascript

html

javascript

css

click

toggle