【WebAPI】クリップボードにコピーする実装を更新する

あるサイトでクリックしたらクリップボードに保存することをJavaScriptで実装していたが、その時のAPIが非推奨になっているのに気づいたので更新したい

非推奨になっているAPIはこれ

document.execCommand("copy”)

developer.mozilla.org

これを以下の書き方にする

navigator.clipboard.writeText()

developer.mozilla.org

thenで成功した場合と失敗した場合のコールバックを受け取れるので、デザインするときにはその辺の考慮が必要そう

navigator.clipboard.writeText("<empty clipboard>").then(function() {
  /* clipboard successfully set */
}, function() {
  /* clipboard write failed */
});