如何使用 JavaScript/jQuery 在文字方塊中的遊標位置插入文字？

使用Javascript/jquery 在遊標所在位置插入文本

在處理文本較多的頁面時，可能需要在特定點插入文本，尤其是當使用鏈接觸發事件。本文深入探討如何使用 JavaScript 或 jQuery 在遊標位置插入文字或將其附加到焦點文字框，而不管元素類型如何。

一個有效的解決方案是利用 insertAtCaret 函數。它根據元素的selectionStart屬性或createRange方法來識別瀏覽器的類型（Internet Explorer或Firefox）和遊標的位置。然後函數會修改元素的內容，在遊標位置加入所需的文字。

要實現此解決方案，只需在程式碼中包含提供的函數和事件處理程序：

function insertAtCaret(areaId, text) {
  // Function to insert text at the cursor position
  ...
}

// Event handler to insert text on link click
document.querySelector('a').addEventListener('click', function() {
  insertAtCaret('textareaid', 'text to insert');
});

透過利用此技術，您可以在遊標位置動態插入文本，從而增強使用者體驗並簡化網頁上的文字操作。

以上是如何使用 JavaScript/jQuery 在文字方塊中的遊標位置插入文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！