jsでテキストをclipboardにcopyする

javascriptで外部モジュールなしに、クリップボードへコピーする方法を紹介する。

以下の関数で動く。

  copyToClipboard(text){
    navigator.clipboard.writeText(text).then(function() {
      /* clipboard successfully set */
    }, function() {
      /* clipboard write failed */
    });
  },

そのため、Nuxtjs(Vuejs)を利用する場合は、method内に上記の関数を追記し、以下のようにすることで、ボタン押下時にクリップボードへコピーすることができる。

<button @click="copyToClipboard('aaa')">Copy</button>