-
テキストのコピー元を特定します: HTMLテキストをコピーしたい要素(例:
、、など)を特定します。これはコピーしたいテキストの親要素です。
テキストのコピー元をHTMLでマークアップします: テキストのコピー元要素にid属性を追加します。例えば、以下のようになります:
コピーしたいテキストJavaScriptを使用してテキストをコピーします: JavaScriptを使って、テキストをクリップボードにコピーする処理を追加します。以下は、一般的な方法です。
function copyTextToClipboard() { var copyText = document.getElementById("copyText"); var textArea = document.createElement("textarea"); textArea.value = copyText.textContent; document.body.appendChild(textArea); textArea.select(); document.execCommand("copy"); document.body.removeChild(textArea); }
テキストのコピーをトリガーする方法を追加します: ボタン、リンク、または他のイベントを使用して、テキストのコピーをトリガーする方法を追加します。以下は、ボタンを使用する例です。
<button onclick="copyTextToClipboard()">テキストをコピー</button>
これで、HTMLテキストのコピーが実装されました。上記の手順に従ってコードを追加することで、ウェブページの訪問者は簡単にテキストをコピーすることができます。