在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 />