Question

我正在尝试使用剪贴板.js运行“复制URL”事件。我已经将其安装在服务器上，并且在代码中也有对剪贴板.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

但是我的脚本上抛出了一个非法的构造函数错误，我对此感到非常困惑。我是否忘记了导致此错误出现的内容？

这是Stack示例：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>

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

2 个答案: