clipboard—flashに依存しないテキストコピープラグイン

clipboard.jsは、クリップボードの機能にテキストをコピーするJavaScriptプラグインです.入力ボックス、テキストフィールド、DIV要素のテキストなどのテキスト内容をクリップボードにコピーできます.
公式アドレス:https://clipboardjs.com/ Gthubアドレス:https://github.com/zenorocha/clipboard.js/
適用方法
1.jsファイルの導入

2.
まず、DOMセレクタ、HTML 、またはHTML のリストを ることによって する があります.

new Clipboard('.btn');

の のテキストをフリップフロップでコピーすると、data-clipboard-target が になります.

また、 の のdata-clipboard-actionがあります. するのはcopyかそれともcut ですか?デフォルトはcopyです.cut は、または</code> にのみ される.<pre><code><textarea id="bar">Mussum ipsum cacilds... Cut to clipboard からテキストをコピーします. の が ではありません.トリガーの は、data-clipboard-text を して、コピーが なテキストを ろに いてもいいです.

Copy to clipboard

3.その の
clipboard.jsがClip board.isSupported()に しているかどうかを して、trueに ると えます.いくつかのユーザフィードバックを したり、コピー/ り り に されたコンテンツをキャプチャしたりします. 、テキスト、トリガ

var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.clearSelection();
});
clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});

このプラグインはイベント の でトリガするため、domの が に しました.
4.
あなたがHTMLを したくないなら、 に なコマンドAPIを してもいいです.すべての なのは、 を して、あなたの を き、 を します. は うidのフリップフロップに して なる を す です.

new Clipboard('.btn', {
    text: function(trigger) {
        if(trigger.getAttribute('id')=='foo_1'){
            return 1;
        }else{
            return 2;
        }
    }
});

5.サポートされているブラウザ
Chrome 42＋、Edge 12＋、Firefox 41＋、IE 9＋、Opera 29＋、Safari 10＋