概要 Webページで「クリップボードにコピー」する方法を調べたところ、サンプルは多く見つかったものの「何故そうするとできるのか」の説明が見られなかったので、調べました。その結果をまとめます。 なお、サードパーティライブラリは用いません。 本題 コピーするコマンド 最初に、到達すべきゴールと言えるコマンドを書きます。 これは以下のような動作を行います。 現在の選択範囲をクリップボードにコピーします。 ( https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand より引用。以下、引用はすべて同ページより) この記述からまず、Webページ上に存在しないものは選択できないのでクリップボードにコピーすることもできないということがわかります。そういうものをコピーしたい場合は一時的にでもDOMツリーに追加する必要があります。 と
![JavaScript Web APIで「クリップボードにコピー」する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)