Javascript Window.location.href无法使用剪贴板JS

我正在尝试使用ClipboardJS库将当前页面URL复制到剪贴板。我尽了最大努力，在这里提出了这个问题

代码如下：

Javascript/Jquery：

new Clipboard('.copy', {
    text: function(trigger) {
        return window.location.href;
    }
});

HTML:

复制到剪贴板

这是密码笔：

我通过

$.fn.modal.Constructor.prototype.enforceFocus = function() {
  new Clipboard('.copy', {
    text: function(trigger) {
        return window.location.href;
    }
});
};

---

似乎引导程序与剪贴板库有一些问题。由于

我将您的代码笔改为使用

返回“一些字符串”这也不起作用。它与
window.location.href
没有任何关系。问题：您是否只为此使用了codepen，或者您是否也尝试过在本地运行它？我觉得codepen可能会介入somehow@SamHood它作为堆栈片段也会失败。这与.copy元素位于模态内部有关-如果将其移到外部，则没有问题。我的猜测是，引导程序正在做一些古怪的事情，在需要时才将DOM加载到modal中
$.fn.modal.Constructor.prototype.enforceFocus = function() {
  new Clipboard('.copy', {
    text: function(trigger) {
        return window.location.href;
    }
});
};