jQuery を使用してテキストをクライアントのクリップボードにコピーするにはどうすればよいですか?

jQuery を使用してクライアントのクリップボードにテキストをコピーする

クライアントのクリップボードにテキストをコピーするには、いくつかの手順が必要です:

1. 内をクリックするとコピーをトリガーしますテキストエリア。
​​
2. 選択したテキストをクリップボードに転送します。
3. アクションに関するユーザー フィードバックを提供します。

jQuery を使用してこれを実行するには、次の手順に従います。

1. まだ存在しない場合は、HTML ドキュメントに jQuery を含めます。

<code class="html"><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script></code>

2. textarea 要素を作成し、そのクリック イベントにイベント リスナーをアタッチします。

<code class="html"><textarea id="my-textarea"></textarea>

<script>
$( "#my-textarea" ).on( "click", function() {
  // Get the selected text
  var selectedText = $(this).val();

  // Clipboard API is not supported in all browsers
  if (!navigator.clipboard) {
    console.error("Clipboard API not supported");
    return;
  }

  // Set the selected text to the clipboard
  navigator.clipboard.writeText(selectedText).then(() => {
    // Success
    alert("Text copied to clipboard!");
  }, () => {
    // Error
    alert("Failed to copy text to clipboard");
  });
});
</script></code>

このアプローチでは、ほとんどの最新のブラウザーでサポートされているクリップボード API を使用します。対象ユーザーに古いブラウザが含まれている場合は、提供された回答で説明されているように、ZeroClipboard や Flash の使用などのフォールバック方法の使用を検討してください。

以上がjQuery を使用してテキストをクライアントのクリップボードにコピーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。