如何在 Wordpress 中将文本复制到剪贴板

Question

我需要在 wordpress 的 div 中使用字体真棒图标的复制到文本按钮。 我不想要任何警报。 只需简单的点击。

<div class="btcTXT">text</div>

<div id="cpy" class="cpy"><i class="far fa-copy"></i></div>

我是新手，所以请告诉我我需要做的步骤。

先感谢您。

Answer 1

首先给你的div一个 id，像这样：

<div class="btcTXT" id="your-div-id">text</div>

那就写这个 javascript 来帮你搞定吧！

document.getElementById("cpy").addEventListener("click", () => {
    navigator.clipboard.writeText(document.getElementById("your-div-id").textContent).then(() => {
        console.log('Copied to clipboard!!!');
    });
});

确保将 javascript “排队/注入”到您正在测试的页面。

让我知道你是否能够让它工作！

Answer 2

@Ruvee 说的是正确的。 您通常需要在您的站点上将脚本排入队列，以确保一切按预期工作。 如果那不是你的一杯茶，我建议使用像Simple CSS 和 JS Plugin这样的插件。

您可以使用该插件将该代码段添加为新的 JS 文件，并且应该可以正常工作。