clipboard.js を使用して、Web ページのテキストをコピーしています。うまくいきましたが、ユーザーがクリックしてテキストをコピーした後にボタンのテキストを変更したいと思います。
これが私がこれまでに持っているものです: テキストを含む div:
<div #landingpage>
TEST TEXT
</div>
ボタン:
<button class="btn" id="copy-button" data-clipboard-target="#landingpage"
onclick="myFunction()">Copy Content</button>
およびJavaScript:
<script>
(function(){
new Clipboard('#copy-button');
})();
</script>
クリックした後にボタンのテキストを「コピー済み」に変更し、数秒後に「コピー」に戻すにはどうすればよいですか。
ありがとうございました。