如何在 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 文件，並且應該可以正常工作。