はてなブックマーク

execCommand や DOM要素を作らなくても実装できます！みなさん、こんにちは。どんぶラッコです。 今日はボタンをクリックしたら文章がコピーされる機能を作っていこうと思います。 検索すると execCommand() などを使う方法が出てきたりしますが、機能が廃止されているので使わないようにしましょう。 こちらを使えば、「文章　コピー」などで上位の結果に表示される ”DOM要素を作って、文章を作って、クリップボードにコピーする…” なんて面倒なステップを踏まなくて良くなるのでオススメです！ ということで早速みていきましょう。 ちなみに、 navigator.clipboard の対応状況はこんな感じです(2021年7月26日 現在) IEが対応していませんが、もうサポートが終了するブラウザなので特に気にせずとも良いでしょう！ サンプルコード See the Pen by cha1r