JavaScriptでクリップボードにアクセスする

概要

Clipboard APIを用いる

対応ブラウザ

クリップボードにテキストとしてコピーする

code:js

const target = 'コピーする文字列'

const promise = navigator.clipboard.writeText(target);

// 例

promise.then(

// 成功時の処理

);

クリップボードの内容をテキストとして読み取る

code:js

const promise = navigator.clipboard.readText();

// 例

promise.then((text) => {

console.log(text);

});

Promise

クリップボードが空であったり、テキストがないか、クリップボードの内容を表す DataTransfer オブジェクトがテキストの表現を持たない場合は、空文字列を返します。

ref