clipboard.js：JavaScript API 上发生非法构造函数错误

Question

我正在尝试运行使用 clipboard.js 复制 URL 事件。我将它安装在我的服务器上，并且在我的代码中有对 clipboard.js 的引用。所以我在页脚中有这个：

<script type="text/javascript">
     var url = document.location.href;

    new Clipboard('.btn', {
        text: function() {
    return url;
  }
});
</script>

这只是我的按钮：

<button class="btn">Copy</button>

简单。并且有一个关于 SO 的例子确实有效：

但是我的脚本在我的脚本中抛出一个非法构造函数错误，我真的很困惑为什么。我是不是忘记了什么导致出现此错误的原因？

这是堆栈示例：

这是我得到的：https://dadventuresla.com/copy-link-test/

Answer 1

根据https://clipboardjs.com/应该是ClipboardJS

<script type="text/javascript">
     var url = document.location.href;

    new ClipboardJS('.btn', {
        text: function() {
    return url;
  }
});
</script>

Answer 2

您有错字 - 查看 Clipboard docs，它表明您需要使用 ClipboardJS 而不是 Clipboard:

<script type="text/javascript">
    var url = document.location.href;
    new ClipboardJS(".btn", {
        text: function() {
            return url;
        }
    });
</script>

clipboard.js：JavaScript API 上发生非法构造函数错误

clipboard.js: Illegal Constructor errors occuring on JavaScript API

javascript

clipboard.js