Javascript + Как получить индекс w.r.t родительского узла выбора + браузеры, отличные от IE - PullRequest
Новая
       35

Javascript + Как получить индекс w.r.t родительского узла выбора + браузеры, отличные от IE

1 голос
/ 19 июля 2010

Привет. Я хочу получить начальный и конечный индексы выбора по отношению к родительскому узлу выделенного текста. Я могу сделать это в IE. Однако в других браузерах, таких как Firefox, Opera, Safari и Chrome, я могу получить доступ к выделению и индексу выделенного текста. Но мое требование - получить индекс с родительским узлом, а не выбранный узел. Мне нужно решение, которое поддерживает все браузеры - Firefox, Opera, Safari и Chrome 

    if (window.getSelection) { 
                     alert("Other browser");     
                     sel = window.getSelection();

                        if(sel != '') {
               //alert(sel.anchorNode.parentNode.nodeName);
             //alert(sel.anchorOffset);
             //alert(sel.focusNode.parentNode.nodeName);
             //alert(sel.focusOffset);                
 }
                    }    
        else if (document.selection) {   
                        txt = document.selection.createRange().text;
                        var range_all = document.body.createTextRange();
                        if (txt!='' )
                        {
                            // Finding start position
                         range = document.selection.createRange();
                            range.collapse(true); 

                         var startParentElement =  range.parentElement();                 

                            range_all.moveToElementText(startParentElement);
                            for (var sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start ++)
                                range_all.moveStart('character', 1);
                            range = document.selection.createRange();
                            range.collapse(false); 
                            range_all = document.body.createTextRange();

                         var endParentElement =  range.parentElement();                 
                                                 range_all.moveToElementText(endParentElement);
                            for (var sel_end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; sel_end ++)
                              range_all.moveStart('character', 1);
    alert("sel_start:" + sel_start);
                        alert("sel_end:" + sel_end);
    }}

Ответы [ 2 ]

1 голос
/ 19 июля 2010

Сайт QuirksMode может помочь вам здесь: http://www.quirksmode.org/dom/range_intro.html

Вам просто нужно научиться использовать объект диапазона в браузерах, отличных от IE.

0 голосов
/ 19 декабря 2013

В этих браузерах вы должны работать с объектом Range, полученным из window.getSelection. 

var range = sel.getRangeAt(0).cloneRange();
//range.endContainer, range.startContainer etc.

API: https://developer.mozilla.org/en/docs/Web/API/Range

...