复制到没有Flash的剪贴板

Question

我找到了许多复制到剪贴板的解决方案,但它们都可以使用闪存或网站方面.我正在寻找方法复制到剪贴板自动,没有闪存和用户方面,它是用户脚本,当然是跨浏览器.

Answer 1

没有闪存,在大多数浏览器中根本不可能.用户的剪贴板是一种与安全相关的资源,因为它可能包含密码或信用卡号等内容.因此,浏览器正确地不允许Javascript访问它(有些允许它显示用户已经确认的警告,或者使用签名的Javascript代码,但没有一个是跨浏览器).

Answer 2

我曾尝试过闪存解决方案而且我也不喜欢.太复杂太慢了.我所做的是创建一个textarea,将数据放入其中并使用浏览器"CTRL + C"行为.

jQuery javascript部分:

// catch the "ctrl" combination keydown
$.ctrl = function(key, callback, args) {
    $(document).keydown(function(e) {
        if(!args) args=[]; // IE barks when args is null
        if(e.keyCode == key && e.ctrlKey) {
            callback.apply(this, args);
            return false;
        }
    });
};

// put your data on the textarea and select all
var performCopy = function() {
    var textArea = $("#textArea1");
    textArea.text('PUT THE TEXT TO COPY HERE. CAN BE A FUNCTION.');
    textArea[0].focus();
    textArea[0].select();
};

// bind CTRL + C
$.ctrl('C'.charCodeAt(0), performCopy);

HTML部分:
<textarea id="textArea1"></textarea>

现在,把你要复制的东西放在'PUT THE TEXT TO COPY HERE中.可以成为一种功能.区域.对我来说工作正常.你只需要制作一个CTRL + C组合.唯一的缺点是你将在你的网站上显示一个丑陋的textarea.如果使用style ="display:none",则复制解决方案将不起作用.

Answer 3

clipboard.js刚刚发布,无需Flash即可复制到剪贴板

请在此处查看> http://zenorocha.github.io/clipboard.js/#example-action

Answer 4

终于来了!(只要你不支持Safari或IE8 ...... -_-)

您现在可以实际处理没有Flash的剪贴板操作.这是相关文档:

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

https://developers.google.com/web/updates/2015/04/cut-and-copy-commands?hl=en

https://msdn.microsoft.com/en-us/library/hh801227%28v=vs.85%29.aspx#copy