navigator.clipboard.writeText()が動かない

javascriptでクリップボードにコピーする機能を実装する場合、今はこれを使う

navigator.clipboard.writeText('コピーする文字列');

なんだけど、開発環境だと以下のようなエラーになってしまう。

Uncaught TypeError: Cannot read property 'writeText' of undefined

原因は、HTTPSのサイトじゃないとダメらしい。
開発環境ではHTTPでやる場合もあるので、ちょっと面倒ですね。ステージング環境を作ってHTTPSを有効にしてテストするしかなさそう。

タイトルとURLをコピーしました