javascript - 悬停时复制到剪贴板

Question

我试图在鼠标悬停时将文本复制到剪贴板，并注意到它仅适用于点击 (document.body.addEventListener('click', copy, true);)，但是当您尝试在悬停时触发复制不起作用 (document.body.addEventListener('mouseover', copy, true);)。我在玩这个 example并想知道为什么会这样。

Answer 1

document.execCommand 需要用户事件才能工作。它不会在悬停时起作用，但会在点击等(鼠标按下、鼠标弹起等)时起作用。

您可能仍想检查兼容性 (here)。引用this original answer和 ( this) jsFiddle。似乎浏览器现在确实始终如一地支持它，但您仍然需要确保您想要以表中的那些版本为目标。

$('.big').hover(function () {
    // will not work, no user action
  $('input').select();
    document.execCommand('copy');
});

$('.big').mousedown(function () {
    //works
  document.execCommand('copy');
});

Copy commands triggered from document.execCommand() will only affect the contents of the real clipboard if the event is dispatched from an event that is trusted and triggered by the user, or if the implementation is configured to allow this. How implementations can be configured to allow write access to the clipboard is outside the scope of this specification.