在Firefox中复制剪贴板

Question

我找到了适合复制到剪贴板的源代码

IE浏览器：

"http://jsfiddle.net/azgugmjb/7/light/"

"https://jsfiddle.net/jsLfnnvy/12/"

和

铬

“ 仅使用Chrome复制到剪贴板 ”

但不适用于Firefox。

您是否知道任何有关Firefox复制到剪贴板的源代码？

我不想使用扩展应用程序或类似的应用程序。 仅源代码！

谢谢！

Answer 1

出于安全原因，Firefox不允许将程序复制到剪贴板。 您能想象是否有人输入了复制到剪贴板的密码吗？ 这样，任何地方的任何站点都可以读出该密码。 不寒而栗

您可以在内部与剪贴板混淆，但这永远不会与OS剪贴板交互。 （请参阅MDN ClipboardEvent-您基本上可以将任何带有MIME类型的内容剪贴板化！）。

（使用jQuery是因为它很容易，而不是因为它是必需的）：

$(function(){
    $( ".copyable" ).click( function( e ){
        var clipboard = new ClipboardEvent( 'copy', {
            'dataType': 'text/plain',
            'data': $(this).text()
        } );

        $( 'input' ).val( clipboard.clipboardData.getData( "text/plain" ) );
    });
});

如果运行下面的代码片段并单击大的灰色框，它将把文本内容复制到输入元素中。

 $(function(){ $( ".copyable" ).click( function( e ){ var clipboard = new ClipboardEvent( 'copy', { 'dataType': 'text/plain', 'data': $(this).text() } ); $( 'input' ).val( clipboard.clipboardData.getData( "text/plain" ) ); }); }); 

 .copyable{ padding: 3em; background-color: #CCCCCC; } input{ width: 95%; display: block; margin: 1em auto; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="copyable"> <p>Some text</p> <p>Some other text</p> </div> <input />