如何跨瀏覽器可靠地取得文字區域中的插入符號列位置？

取得文字區域中字元中的插入符號列位置

決定 中的插入符號位置是啟用各種文字編輯操作所必需的。我們如何在 JavaScript 中實現這一點，考慮到不同瀏覽器的細微差別？

對於 Firefox 和 Safari 等瀏覽器，利用 textarea.selectionStart 提供了一個簡單的解決方案。但是，在 Internet Explorer 中，需要另一種方法。這是一個可以滿足這兩種情況的強大解決方案：

function getCaret(node) {
  if (node.selectionStart) {
    return node.selectionStart;
  } else if (!document.selection) {
    return 0;
  }

  var c = "<pre class="brush:php;toolbar:false">function getCaret(el) { 
  if (el.selectionStart) { 
    return el.selectionStart; 
  } else if (document.selection) { 
    el.focus(); 

    var r = document.selection.createRange(); 
    if (r == null) { 
      return 0; 
    } 

    var re = el.createTextRange(), 
        rc = re.duplicate(); 
    re.moveToBookmark(r.getBookmark()); 
    rc.setEndPoint('EndToStart', re); 

    return rc.text.length; 
  }  
  return 0; 
}

1", sel = document.selection.createRange(), dul = sel.duplicate(), len = 0; dul.moveToElementText(node); sel.text = c; len = dul.text.indexOf(c); sel.moveStart('character',-1); sel.text = ""; return len; }

此外，jQuery FieldSelection 插件提供了一種便捷的方法來檢索插入符號位置並執行高級文字選擇操作。

更新的實作：

這是getCaret 函數的更新版本，它提供了改進的準確性：

透過這些解決方案，您可以有效地確定 中精確的插入符位置。在 JavaScript 中，無論您使用什麼瀏覽器。

以上是如何跨瀏覽器可靠地取得文字區域中的插入符號列位置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！