【Vanilla JS】現在表示しているページのタイトルやURLをクリップボードにコピーする

[ ID : 8519 ]
シルバー
【Vanilla JS】現在表示しているページのタイトルやURLをクリップボードにコピーする
実装目安
1分

概要

トリガー要素をクリックしたら現在表示しているページのタイトルやURLをクリップボードにコピーする方法を紹介。

用途・要件

  • トリガー要素をクリックすると、現在表示しているページのタイトルやURLをクリップボードにコピーする。
  • 「URL」をコピーする処理と、「タイトルとURL」をコピーする処理の2パータンを記載。
  • クリップボードへのコピーが成功したら、アラート(alert)を表示。
  • タイトルはtitleタグから取得する。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

注意事項

  • httpsのサイトで使用可能。(httpではエラーが発生)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録