有沒有辦法跟蹤iframe的designMode中的選擇範圍？

Question

我一直在嘗試這一段時間，但沒有得到任何工作良好 - 有沒有辦法跟蹤iframe的designMode中的mouseup和選擇，最好在跨瀏覽器兼容模式？

Answer 1

這裏有一小段代碼，我發現here，希望它有助於：

function setRange(rte) { 
    //function to store range of current selection 
    var oRTE; 
    if (document.all) { 
     oRTE = frames[rte]; 
     var selection = oRTE.document.selection; 
     if (selection != null) rng = selection.createRange(); 
    } else { 
     oRTE = document.getElementById(rte).contentWindow; 
     var selection = oRTE.getSelection(); 
     rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange(); 
    } 
    return rng; 
} 

好像你可以使用文檔對象的selection屬性，然後使用createRange()方法。 if-else可能用於跨瀏覽器支持。

Answer 2

這是來自Quirksmode的一個很棒的Introduction to Range。通過瀏覽器安全地獲取文本選擇的完美概述。