使用 javascript 的火拷贝

Fire copy using javascript

本文关键字:拷贝 javascript 使用      更新时间:2023-09-26

我有一个html输入。使用 javascript 和 jQuery,我可以选择输入的值。现在我想触发一个ctrl + c以在剪贴板中复制该值。我可以使用一些插件,如zClip/zeroClip,但这个插件使用flash,并非所有浏览器都支持。是否有其他选项可以在剪贴板中复制该值?

代码应该在chrome,chromium,ff,opera和ie 10中运行。

<iframe src="https://cdn.rawgit.com/Triforcey/clip-j/38e8bf144e4633fffde57c675171b22211174e24/test.html" frameborder="0" width="100%" height="100%" style="margin: 0px;"></iframe>

尽管许多人不知道此解决方案,但这是可能的。(这是非常新的。我为此创建了一个非常易于使用的JavaScript库,称为clip-j。这是GitHub页面。基本上,它的工作原理是利用document.execCommand('copy');与其他几行代码来优化它,以绕过您需要能够看到复制的文本的限制。所以这个简单的解决方案不需要闪光灯,而且完全看不见!以下是源代码:

function clip(text) {
    var copyElement = document.createElement('input');
    copyElement.setAttribute('type', 'text');
    copyElement.setAttribute('value', text);
    copyElement = document.body.appendChild(copyElement);
    copyElement.select();
    document.execCommand('copy');
    copyElement.remove();
}

由于安全原因,使用 JavaScript(或基于框架(无法实现此目的。它只能使用闪光灯来完成(您可以使用零剪辑等(。

另请参阅:

  • HTML5替代基于闪存的零剪贴板,用于将数据安全复制到剪贴板?
  • 复制到剪贴板而不使用 Flash