Javascript 单击w/clipboard.js后更改按钮文本

我正在使用clipboard.js复制我网页上的一些文本。我做得很好，但我想在用户点击复制文本后更改按钮文本

以下是我目前掌握的情况： 包含以下文本的div：

<div #landingpage>
TEST TEXT
</div>

测试文本

按钮：

<button class="btn" id="copy-button" data-clipboard-target="#landingpage" 
onclick="myFunction()">Copy Content</button>

复制内容

和javascript：

<script>
(function(){
  new Clipboard('#copy-button');
})();
</script>

（功能（）{
新剪贴板（“#复制按钮”）；
})();

如何在我单击后将按钮文本更改为“复制”，然后在几秒钟后将其恢复为“复制”

---

谢谢。

您可以收听

剪贴板的
成功
事件并更改文本

JS

$(function() {
  var $btnCopy = $('#copy-button');

  $btnCopy.on('click', function() {
    var clipboard = new Clipboard('#copy-button');

    clipboard.on('success', function(e) {
      $btnCopy.text('Copied');

      setTimeout(function() {
        $btnCopy.text('Copy');
      }, 2000);
    });
  });
});

HTML

<div id="landingpage"> TEST TEXT  </div>

<button class="btn" id="copy-button" data-clipboard-target="#landingpage">Copy Content</button>

测试文本
复制内容

谢谢您的快速回复。由于某些原因，当我将其添加到我的网站时，它不起作用。我正在wordpress网站（Divi框架）上使用它。这会改变你的答案吗？@HanzGruber我唯一想改变的是
到
。也许这就是你遇到的问题。再次感谢。我检查过了，都是正确的，我的浏览器控制台有一些错误。我不知道这是什么意思@HanzGruber检查更新的帖子和小提琴。您没有定义单击时调用的函数。而是使用js绑定它。