javascriptでコピーするボタンをつくる

2020年8月26日水曜日

button javascript

t f B! P L
Googleアナリティクスとかのサービスでタグをボタン一つでクリップボードにコピーする機能があります。<button>をonclickしてcopyするだけです。

その機能をjavascriptで案外簡単に実装できるので作ってみました。


<script>
function copy() {
  var text = document.getElementsByTagName("textarea")[0];
  text.select();
  document.execCommand("copy");
  var copy = document.getElementById("copy");
  copy.innerHTML = "クリップボードにコピーしました";
}
</script>
javascript部分は上記のコードです。
HTML部分は下記のコードです。

<p id="copy"></p>
        <textarea id="result"></textarea>
        <button onclick="copy()">copy</button>

案外使いどころが多そうなので、コピペできるように記録しておきます。

管理人

自分の写真
薬剤師・エンジニア 公認スポーツファーマシスト 医療情報技師

アクセスカウンター

70951

検索

最新記事

QooQ