7

IEで実行する選択オブジェクトがあります

range = selection.createRange();

次に、startContainer を取得しようとしましたが、方法がわかりません。すべての例は startContainer の設定を示していますが、これはテキストの強調表示に基づいています。最初に取得せずに、どの要素に設定するかを知るにはどうすればよいですか?

私はFireFoxでそれが同じくらい簡単であることを知っています

range     = selection.getRangeAt(0);
firstNode = range.startContainer;
4

3 に答える 3

2

[それから 2 年が経ちました。] これは醜いものになるでしょうが、私はこの質問に対する答えを得たと思います (IE8 で動作するようです)。コードは次のとおりです (説明はコメント内にあります)。

/**
 * @param {window object} win The window from which the selection is to be retrieved. This could also be an iframe.contentWindow.
 */
function getRangeObject(win) { //Gets the first range object. 
    win=win || window;
    if (win.getSelection) { // W3C/FF/Chrome/Safari/Opera/IE9
        return win.getSelection().getRangeAt(0);    //W3C DOM Range Object
    }
    else if(win.document.selection) { // IE8
        return win.document.selection.createRange(); //Microsoft TextRange Object
    }
    return null;
}

function getStartContainer(win) {
win=win || window;
    var range=getRangeObject(win);
    if(range) {
        if(range.startContainer) { // W3C/FF/Chrome/Safari/Opera/IE9
            return range.startContainer;
        } else if(document.selection) { //IE8
            var rangeCopy=range.duplicate(); //Create a copy
            var rangeObj=range.duplicate();

            rangeCopy.collapse(true); //Go to beginning of the selection
        rangeCopy.moveEnd('character',1); //Select only the first character
            //Debug Message
            //alert(rangeCopy.text); //Should be the first character of the selection
            var parentElement=rangeCopy.parentElement();
            rangeObj.moveToElementText(parentElement); //Select all text of parentElement
            rangeObj.setEndPoint('EndToEnd',rangeCopy); //Set end point to the first character of the 'real' selection
            var text=rangeObj.text; //Now we get all text from parentElement's first character upto the real selection's first character

            //Iterate through all the child text nodes and check for matches
            //As we go through each text node keep removing the text value (substring) from the beginning of the text variable.
            var container=null;
            for(var node=parentElement.firstChild; node; node=node.nextSibling) {
                if(node.nodeType==3) {//Text node
                    var find=node.nodeValue;
                    var pos=text.indexOf(find);
                    if(pos==0 && text!=find) { //text==find is a special case
                        text=text.substring(find.length);
                    } else {
                        container=node;
                        break;
                    }
                }
            }
            range.startContainer=container; //Finally we are here
            //Debug Message
            //alert(container.nodeValue);
        }
    }
}

過剰なコメントで申し訳ありません（必要だったと思います）。これらのコメントをすべて削除すると、コードが得られます...それほど醜いものではありません:P.

于 2011-07-21T17:32:25.830 に答える
0

この問題に遭遇しました。エレガントなソリューションが見つからないため、エレガントでないソリューションを次に示します。

注：開始コンテナにIDがある場合にのみ機能します

まず、ブラウザが IE かどうかを確認します。それで、

            // var range should be your TextRange object
            var matches = range.htmlText.match(/<[^>]* id=([^\s]+)[^>]*>/);
            if (matches) {
                var startContainer = document.getElementById(matches[1]);
                if (startContainer) {
                    ...
                }
            }

範囲のメソッドは次のとおりです。 http://msdn.microsoft.com/en-us/library/ms535872(v=vs.85).aspx

dom obj の実際のセットを取得する方法がわかりません。

于 2011-02-06T04:28:14.690 に答える
-1

私も似たようなことに取り組んでいます。私はまだ IE の部分に到達していませんが、範囲のプロパティのリストを反復処理して、何が利用できるかを確認することをお勧めします

var msg = '';
for (var i in range) {
    msg += i + ': ' + range[i] + '\n';
}
alert(msg);
于 2009-08-19T18:34:02.380 に答える