在点击复制的div中放置小"Copied"确认

Question

我有一个带有 DIV 的 wordpress 网站，我使用简单的 javascript 代码通过 link 复制了它的内容。我需要一条消息来替换复制的内容，在复制后 div 中显示“已复制”。

非常具有挑战性。需要帮助才能做到这一点。

<div class="btcTXT" id="btc">bc1q978cape6n3sez2ahp59s7jr59j70nqq2x3tt8c</div>
<div onclick="CopyToClipboard('btc');return false;"  class="cpy"><i class="far fa-copy"></i> </div>



<script>
function CopyToClipboard(id)
{
var r = document.createRange();
r.selectNode(document.getElementById(id));
window.getSelection().removeAllRanges();
window.getSelection().addRange(r);
document.execCommand('copy');
window.getSelection().removeAllRanges();
}
</script>

Answer 1

你快完成了...

function CopyToClipboard(id) {
  let item = document.getElementById(id);
  var r = document.createRange();
  r.selectNode(item);
  window.getSelection().removeAllRanges();
  window.getSelection().addRange(r);
  document.execCommand('copy');
  window.getSelection().removeAllRanges();
  item.innerText = 'Copied';
}

在点击复制的div中放置小"Copied"确认

Place small "Copied" confirmation in the div that is copied by click

javascript

wordpress

function

copy

getselection