[解決済み] divからクリップボードにテキストをコピーする方法

質問

以下は、ユーザーがこのボタンをクリックしたときのための私のコードです。

<button id="button1">Click to copy</button>

このdivの中のテキストをコピーするにはどうしたらいいですか？

<div id="div1">Text To Copy</div>

どのように解決するのですか？

どちらの例も魅力的に動作します :)

1. JAVASCRIPTです。

   function CopyToClipboard(containerid) {
     if (document.selection) {
       var range = document.body.createTextRange();
       range.moveToElementText(document.getElementById(containerid));
       range.select().createTextRange();
       document.execCommand("copy");
     } else if (window.getSelection) {
       var range = document.createRange();
       range.selectNode(document.getElementById(containerid));
       window.getSelection().addRange(range);
       document.execCommand("copy");
       alert("Text has been copied, now paste in the text-area")
     }
   }
   

   <button id="button1" onclick="CopyToClipboard('div1')">Click to copy</button>
   <br /><br />
   <div id="div1">Text To Copy </div>
   <br />
   <textarea placeholder="Press ctrl+v to Paste the copied text" rows="5" cols="20"></textarea>
   

2. JQUERY (Adobe Flashに依存)。 https://paulund.co.uk/jquery-copy-to-clipboard