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>

很简单。上面有一个这样的例子：Copy URL from browser using clipboard.js

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

下面是堆栈示例：Copy URL from browser using clipboard.js

下面是我得到的：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>