ID非公開さん
2022/1/27 9:56
1回答
「ボタンをクリックしたら文章をコピー」で時間で戻したい。 こちらの記事を参考にボタンをクリックしたら文章をコピーするボタンを配置しようとしてます。
「ボタンをクリックしたら文章をコピー」で時間で戻したい。 こちらの記事を参考にボタンをクリックしたら文章をコピーするボタンを配置しようとしてます。 https://avalon-studio.work/blog/css/javascript-clipboard/ これ自体は成功したのですが、クリックした後にもう1度コピーしたくなった時用に表示されてるテキストを元に戻したいです。 https://is.gd/v99AAi こちらのサイトでそれが出来るのを見つけていたのですが、コピペしても動作しませんでした。 そこで正常動作してる方に表示されてるテキストを元に戻す部分だけ移植できないかと考えました。 そして以下のようにしてみたのですが、表示が戻りません。 <script> function clipboard(){ var text = document.getElementById('campaign-code').innerText; navigator.clipboard.writeText(text).then(e => { document.getElementById("clipboard-info").innerText = "コピーしました。"; }); setTimeout(() => button.innerText = '文章をコピー', 1000) } </script> どのようにしたら元に戻すことが出来るでしょうか?
JavaScript | HTML、CSS・44閲覧
ベストアンサー
それがすべてのソースならbuttonは未定義ですよね。 setTimeout(() => button.innerText = '文章をコピー', 1000) ↓ setTimeout(() => document.getElementById("clipboard-info").innerText = '文章をコピー', 1000) にすればとりあえずは動くんじゃないでしょうか。
質問者からのお礼コメント
ありがとうございます! 無事動作しました!!
お礼日時:1/27 20:38