Позиция выбора в javascript

Question

Я пытаюсь найти позицию выбранного текста в div. Я предлагаю пользователю выбрать подстроку текста в div и затем отправить его. Мне нужен индекс начальной точки и конечной точки и не был успешным, используя приведенную ниже стратегию. Любая помощь приветствуется.

Это функция у меня есть, и он не работает:

if (typeof window.getSelection != 'undefined') {                                                        
var sel = window.getSelection();                                                           
var range = sel.getRangeAt(0);                                                            
var preCaretRange = range.cloneRange();                                                        
startOffset = preCaretRange.toString().length;                                                       
endOffset = startOffset + range.toString().length; 
}  

ДИВ называется «myarea». Спасибо

Answer 1

Вы почти все поняли!
Его startOffset, который заставляет его не работать.
В настоящее время это:

var startOffset = preCaretRange.toString().length; 

Значение на РИТАХ, который preCaretRange.toString().length собирается вернуть вам полную длину строки, которая была выбрана, и не начального положения. Чтобы получить начальную позицию, вы должны использовать имущество startOffset, хранящееся ,. Поэтому:

var startOffset = preCaretRange.startOffset; 

Примечание по оптимизации: вам не нужно клонировать range в preCaretRange..

document.body.addEventListener('mouseup', function() { 
    if (typeof window.getSelection != 'undefined') { 
     var sel = window.getSelection(); 
     var range = sel.getRangeAt(0); 

     var startOffset = range.startOffset; 
     var endOffset = startOffset + range.toString().length - 1; 

     console.log("Selection starts at: " + startOffset); 
     console.log("Selection ends at: " + endOffset); 
    } 
}, false); 

Вот скрипка, которая демонстрирует его работу с фактическим выбором текста: http://jsfiddle.net/Dp3qp/3/