javascript - 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 的例子确实有效: 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>