Javascriptでテキストをクリップボードにコピーする

こんばんは。きわさです。

Webサイトでキーであったり何らかの結果の表示とともに「コピー」ボタンが用意されていることがあります。
ボタンを押すとそのテキストがクリップボードにコピーされるというものです。
javascriptで実装してみます。

function copy(element) {
    if (window.getSelection) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(element);
        selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand("copy");
    }
}

指定した要素を選択範囲に追加し、コピー処理を実行しています。

サンプルを用意しました。
コピーボタンを押すとこの行がコピーされます。

貼り付け用

スポンサーリンク