JavaScript Web APIで「クリップボードにコピー」する - Qiita

概要 Webページで「クリップボードにコピー」する方法を調べたところ、サンプルは多く見つかったものの「何故そうするとできるのか」の説明が見られなかったので、調べました。その結果をまとめます。 なお、サードパーティライブラリは用いません。 本題 コピーするコマンド 最初に、到達すべきゴールと言えるコマンドを書きます。 これは以下のような動作を行います。 現在の選択範囲をクリップボードにコピーします。 （ https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand より引用。以下、引用はすべて同ページより） この記述からまず、Webページ上に存在しないものは選択できないのでクリップボードにコピーすることもできないということがわかります。そういうものをコピーしたい場合は一時的にでもDOMツリーに追加する必要があります。 と