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

昔は、クリップボードにテキストをコピーするだけのためにFlashを使ったりしていましたが、現在はJavaScriptのnavigator.clipboardだけで実現できます。

developer.mozilla.org

DEMO

ポラーノの広場

ボタンを押すと、「あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。」という文言がコピーされます。

ソースコード

document.qerySelector('button').addEventListener('click', () => {
  navigator.clipboard.writeText('あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。'
});