タグ

2017年10月3日のブックマーク (1件)

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

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

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