くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

【小ネタ】JavaScriptでクリップボードにコピーする(Async Clipboard API)

クリップボードにコピーするほう法を調べたので、その備忘録。

2020/03/20追記

2020/03/20現在、Can I useをみると、Safariが未対応。。

clipboard-polyfill.jsを利用するのが良さそう。

www.memory-lovers.blog

こんな感じ

// Copy
navigator.clipboard.writeText("some text").then(function() {
    // Promise resolved successfully.
    console.log("Copied to clipboard successfully!");
}, function() {
    // Promise rejected.
    console.error("Unable to write to clipboard. :-(");
});

// Paste
navigator.clipboard.readText().then(function(data) {
    // Successful read.
    console.log("Read from clipboard: " + data);
}, function() {
    // Read failed.
    console.log("Failed to read from clipboard");
})

以前は、以下のようなのがあったらしい。

参考にしたサイト様