IE：有沒有一種快速的方法可以在designMode的iframe中獲得插入符的位置？

Question

我正在嘗試在IE8中的設計模式下獲取iframe中某些文本的插入符位置。 我使用的代碼有效，但是對於長文本，它的執行效果很差而且很丑，因為它會選擇所有文本，然后開始一次將范圍的結尾移動一個字符。

我想知道是否有更快，更優雅的方法來在IE中獲得當前的插入符位置？ 這是我當前的代碼：

var r = doc.selection.createRange();
r.collapse(false);
doc.execCommand("SelectAll") //this is ugly..
var r2 = doc.selection.createRange();
r2.select();
//..and this is slow
while (r.compareEndPoints("EndToEnd", r2) < 0) {
   r2.moveEnd("character", -1)
   r2.select();
}
pos = r2.text.length;

Answer 1

是的，您可以使用我的Rangy庫，該庫為您提供了使用DOM Level 2 Range界面在所有瀏覽器中執行此操作的單一方法。 以下假設您將iframe的window對象存儲在名為iframeWin的變量中：

var sel = rangy.getSelection(iframeWin);
if (sel.rangeCount > 0) {
    var selectedRange = sel.getRangeAt(0);
    alert(selectedRange.toString());
}

在Rangy中將IE的TextRange對象轉換為DOM Range對象的過程比您已經擁有的過程更加復雜且速度更快（至少對於長文檔而言）。 如果您有興趣，相關的代碼位於此文件的頂部附近： http : //code.google.com/p/rangy/source/browse/trunk/src/js/core/wrappedrange.js