WordPress博客如何通过JavaScript添加复制文本按钮的功能呢？这个功能很实用，有些时候需要有一个复制的按钮；这样方便访客复制内容。
我不太懂代码，那只有找度娘了；以前找了好久，也没找到合适代码。今天在群里看古哥发出来了，正好收藏一下，以方便以后需要的时候用用。
完整的复制功能代码：
HTML代码如下：
<div id="textToCopy">要复制的内容</div>
<button id="copyButton">复制</button>JavaScript代码如下:
<script>
const copyButton = document.querySelector('#copyButton');
const textToCopy = document.querySelector('#textToCopy');
copyButton.addEventListener('click', function() {
const range = document.createRange();
range.selectNode(textToCopy);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
document.execCommand('copy');
window.getSelection().removeAllRanges();
// 更新按钮文本
copyButton.textContent = '已复制';
setTimeout(() => {
copyButton.textContent = '复制';
}, 1000);
});
</script>在复制成功后，它将按钮的文本更改为”已复制”，并使用setTimeout函数在 1秒后将其更改回”复制”文本。您可以根据需要调整延迟时间。
复制功能演示：
要复制的内容
在本站好像没效果，先收藏一下，慢慢研究。
