如何取得文字輸入欄位中的遊標位置？

確定文字輸入欄位中的遊標位置

取得文字輸入欄位中的遊標位置可以增強使用者體驗並簡化某些操作功能。以下是實現此目的的方法：

jQuery 解決方案

對於簡單的方法，您可以利用輸入欄位元素的 SelectionStart 屬性。此屬性傳回插入符號在欄位中目前位置的字元索引。

$("#myinput").on("input", function() {
  let caretPosition = $(this).prop("selectionStart");
});

自訂 JavaScript 解決方案

或者，如果不需要 jQuery 插件，您可以可以實作自訂 JavaScript 函數。此函數利用 SelectionStart 或 SelectionEnd 屬性，取決於選擇的方向。

function doGetCaretPosition(oField) {
  let iCaretPos = 0;

  if (oField.selectionStart || oField.selectionStart == '0')
    iCaretPos = oField.selectionDirection == 'backward' ? oField.selectionStart : oField.selectionEnd;

  return iCaretPos;
}

透過使用適當的輸入欄位作為參數來呼叫函數，可以輕鬆地將其整合到您的程式碼中。

實現

一旦你有了遊標位置，你就可以用它來執行各種任務，例如如下：

• 在指定位置插入文字
• 突出顯示特定區域
• 根據插入符位置執行文字驗證

以上是如何取得文字輸入欄位中的遊標位置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！