单击以复制文本javascript

时间:2016-08-18 14:20:43

标签: javascript html css click toggle

让我先谈谈我是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>

1 个答案:

答案 0 :(得分:4)

巧合的是,我和PEN完全相同。

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

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

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