jqueryコピーからクリップボード4オプション

この記事では、クリップボードのコピーを自動化するための4つのjQueryおよびJavaScriptメソッドについて説明します：Zclip、ゼロクリップボード、コピーテキストの回避策、およびDavid Walshチュートリアルのメソッド。 各アプローチは独自の長所と短所を提供し、特定の状況により適したものを提供します。

著者は、他のプラグインオプションと比較して、比較的単純さのためにコピーテキストの回避策を推奨しています。

クリップボードのコピーは、純粋なJavaScriptを使用してJQueryなしで達成できることに注意することが重要です。ただし、ブラウザの互換性は問題になる可能性があります。

には普遍的なサポートがないためです。 Clipboard.jsライブラリやクリップボードAPIなどの代替は、より良いクロスブラウザー互換性を提供します。

document.execCommand('copy')

今日の私の実験では、jQuery（およびPlain JavaScript）を使用してクリップボードのコピーを自動化しました。コピーまたはCtrl C.一般的に、

メソッドはこれを処理しますが、Internet Explorerでのみ機能するようです。 回避策には、フラッシュSWFファイルの使用が含まれます。いくつかのjQueryプラグインが存在し、4つのオプションを特定しました

zclip：execCommand('copy')このプラグインは、ハイパーリンクのみで機能します。 そのコア機能（つまりのみ）を以下に示します：

ゼロクリップボード：

堅牢なクリップボードプラグイン（Brevityのためにリンクをダウンロード省略）。その使用法のスニペット：

function copy(str) {
    //for IE ONLY!
    window.clipboardData.setData('Text', str);
}

テキストワークアラウンドをコピー：

このメソッドは、より単純なアプローチを提供します。

function init() {
    clip = new ZeroClipboard.Client();
    clip.setHandCursor(true);
    clip.addEventListener('load', my_load);
    clip.addEventListener('mouseOver', my_mouse_over);
    clip.addEventListener('complete', my_complete);
    clip.glue('d_clip_button');
}

3. jqueryコード：

htmlコード：

$(document).ready(function(){
    $('li').live('click', function(){
        var path = $('#pathtonode').html();
        path = path.replace(/ > /g,".");
        addtoppath(path);
    });
    $('#toppathwrap').hide();

    function addtoppath(path) {
        $('#copypath').val(path);
        $('#toppathwrap').show();
        $('#copypath').focus();
        $('#copypath').select();
    }   
});

$('#copypath', 'body')
    .find('a')
        .livequery('click', function() {
            $(this).blur();
            var nodetext = $('#id-of-element-to-copy').html();
            $('#copypath input').focus();
            $('#copypath input').select();
            return false;
        });

cssコード：

<div id="toppathwrap">
    <input type="text" id="copypath">
</div>

David Walshのチュートリアル方法：

この方法は、JavaScript関数と、より広範な互換性のためのフラッシュコンポーネントを使用します。

#toppathwrap { position:fixed; top:0px; right:0px; background-color:#F2F1E8; padding:5px; display:none; }

4. （注：ソースリンクは簡潔にするために省略されていますが、元の入力に存在していました。）

以上がjqueryコピーからクリップボード4オプションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。