document.execCommand('cut'/'copy') 在小书签中被拒绝

Question

我正在开发一个小书签，它可以为当前浏览器选项卡制作 href link 并将其复制到剪贴板。此书签适用于 Safari：

javascript:
!function(a){
var%20b=document.createElement("textarea"),
c=document.getSelection();
b.textContent=a,document.body.appendChild(b),
c.removeAllRanges(),b.select(),
document.execCommand("copy"),
c.removeAllRanges(),
document.body.removeChild(b)}
('<a%20title="'+document.title+'"%20href="'+document.location.href+'">'+document.title+'</a>');

但是在 Firefox 65 中，我得到错误 "document.execCommand(‘cut’/‘copy’) was denied because it was not called from inside a short running user-generated event handler." 在查看时，我试图在函数之前生成 link 的 html解决答案中指出的问题。但是，使用下面的代码，我得到了一个新的浏览器选项卡，其中包含文本 "true" 并且没有将 link 复制到剪贴板。

javascript:
const text = ('<a%20title="'+document.title+'"%20href="'+document.location.href+'">'+document.title+'</a>');
!function(a){
var%20b=document.createElement("textarea"),
c=document.getSelection();
b.textContent=a,document.body.appendChild(b),
c.removeAllRanges(),
b.select(),
document.execCommand("copy"),
c.removeAllRanges(),
document.body.removeChild(b)}('text');

这是生成 href link 的时间问题吗？或者别的什么？

Answer 1

您的问题与中的问题不同：在您的情况下，您没有任何用户触发的事件。

所以不，这不是时间问题，只是你需要这样的活动。

要强制执行它，您可以显示启动画面，要求小书签的用户单击该页面。从此点击事件中，您将调用 execCommand('copy').

javascript:(function(a){
  var splash = document.createElement('div'),
    msg = document.createElement('span');
  splash.style='position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#FFF;z-index:999999';
  msg.textContent = 'click me';
  splash.append(msg);
  // wait for the click event
  splash.onclick = evt => {
    var b=document.createElement("textarea"),
    c=document.getSelection();
    b.textContent=a,
    document.body.appendChild(b),
    c.removeAllRanges(),
    b.select(),
    document.execCommand("copy"),
    c.removeAllRanges(),
    document.body.removeChild(b),
    document.body.removeChild(splash);
  };
  document.body.append(splash);
})

这是一个实际发生的例子（显然不是书签）：

(function(a){
  var splash = document.createElement('div'),
    msg = document.createElement('span');
  splash.style='position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#FFF;z-index:999999';
  msg.textContent = 'click me';
  splash.append(msg);
  // wait for the click event
  splash.onclick = evt => {
    var b=document.createElement("textarea"),
    c=document.getSelection();
    b.textContent=a,
    document.body.appendChild(b),
    c.removeAllRanges(),
    b.select(),
    document.execCommand("copy"),
    c.removeAllRanges(),
    document.body.removeChild(b),
    document.body.removeChild(splash);
  };
  document.body.append(splash);
})
('<a%20title="'+document.title+'"%20href="'+document.location.href+'">'+document.title+'</a>');

<textarea>You can paste here to check what's been copied</textarea>

document.execCommand('cut'/'copy') 在小书签中被拒绝

document.execCommand(‘cut’/‘copy’) was denied in bookmarklet

javascript

firefox

bookmarklet