Document.execCommand(‘copy’)の代わり

javascriptでクリップボードにコピーを行う場合、

document.execCommand(‘copy’)をしてたけど、

もう使わない方が良いらしい。

Can I use execCommand: copy ?

caniuse.com

document.queryCommandSupported(‘copy’); てのもあるらしいけど、

これも使ったら駄目だって。

Can I use queryCommandSupported ?

caniuse.com

さてどうする？

ググってみると、navigatorが使えるみたい。

こんな感じ。

navigator.clipboard.writeText('コピーする文字列')
  .then(() => { alert('コピーできた！') })
  .catch((error) => { alert(error) });

主要ブラウザOK。

IE？なにそれ？

Can I use navigator.clipboard: writeText ?

caniuse.com