如何使用 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中文網其他相關文章！