复制到也可以在移动设备上使用的剪贴板

Question

我熟悉zeroclipboard和jquery.copy，两者都使用Flash。好的，出于浏览器安全原因，我明白了，复制是不允许的，我们需要闪存。但这意味着复制功能在手机（iPhone，Android）或iPad中不起作用。

是否有任何资源或插件可以允许简单的副本到现代浏览器（包括IE7 ）和移动浏览器上的剪贴板功能？

谢谢！

Answer 1

没有使用闪光灯就没有一个很好的解决方案。我只是简单地保持简单，并允许您的用户自己复制文本。这就是Google将其分析代码服务给用户嵌入其网站的方式。我敢肯定，如果有一个很好的方法是Google会使用它。

保持简单：

$(function(){
    $('.text').click(function(){
        $(this).select();
    });
});

重点事件：http://jsfiddle.net/khxjc/

单击事件：http://jsfiddle.net/qjfgoelm/

Answer 2

我只是想提供更新，因为这方面有一些最新的发展。现代浏览器，除了使用execCommand（）API通过JS复制Safari支持。

假设您构建UI可以优雅地降级到Safari的手动复制，则可以在其余部分上实现复制纸板。据推测，野生动物园最终将包括对此的支持。

查看https://clipboardjs.com/和http://www.sitepoint.com/javascript-copy-to-copy-to-clipboard/for Options。

浏览器受支持的浏览器，截至写作：Chrome 42 ，Firefox 41 ，即9 ，Opera 29 。

Answer 3

const input_field = document.getElementById( 'input_field' )
function yourFunction(){
   input_field.select();// select the input field
   input_field.setSelectionRange(0,99999);// For mobile devices
   navigator.clipboard.writeText( input_field.value )
}