Calculer la Position du texte sélectionné javascript/JQuery?

Comment récupérer la position du texte sélectionné par le calcul du décalage immédiat après la balise body?

Par Exemple, considérons le code html suivant,

<body> <div>hi</div> <div>dude!</div> </body>

sur la sélection de "je" (hi) à "du" (mec), j'ai besoin d'obtenir 2 que la position de départ & 4 en position de fin.

Remarque: Ignorer les éléments de balises.

Javascript est préférable!

vous avez un texte et souhaitez sélectionné le texte de début et de fin de l'index ? suis-je le droit ?
quelque chose de semblable, jsfiddle.net/raynesax/p3nBd
erimerturk: Exactement Oui. Pour ajouter plus de, Start & Fin de l'index à partir immédiate de la première chaîne de caractère à l'intérieur de la balise body.
Rajat Saxena: Ne Fonctionne pas! Testé sur Firefox.

OriginalL'auteur Mani | 2011-11-03

  1. 13

    Voici quelques simples, naïfs code pour faire ce que peut bien faire le travail à votre cas d'utilisation. Il ne prend pas en compte le texte qui peut être rendu invisible (que ce soit en CSS ou en étant à l'intérieur d'une ou d'un élément, par exemple) et peuvent avoir un navigateur écarts (c'est à dire contre tout le reste) avec des sauts de ligne, et ne tient aucun compte de l'effondrement des espaces (comme les 2 consécutifs ou plus, les caractères d'espace à l'effondrement d'un espace visible sur la page). Toutefois, il ne fonctionne pour votre exemple dans tous les principaux navigateurs.

    Démo Live: http://jsfiddle.net/UuDpL/2/

    Code:

    function getSelectionCharOffsetsWithin(element) {
    var start = 0, end = 0;
    var sel, range, priorRange;
    if (typeof window.getSelection != "undefined") {
        range = window.getSelection().getRangeAt(0);
        priorRange = range.cloneRange();
        priorRange.selectNodeContents(element);
        priorRange.setEnd(range.startContainer, range.startOffset);
        start = priorRange.toString().length;
        end = start + range.toString().length;
    } else if (typeof document.selection != "undefined" &&
            (sel = document.selection).type != "Control") {
        range = sel.createRange();
        priorRange = document.body.createTextRange();
        priorRange.moveToElementText(element);
        priorRange.setEndPoint("EndToStart", range);
        start = priorRange.text.length;
        end = start + range.text.length;
    }
    return {
        start: start,
        end: end
    };
}

alert( getSelectionCharOffsetsWithin(document.body).start );
    Salut Tim, tout d'abord merci pour longiligne! Je me demande si vous pouvez m'aider, j'ai le problème inverse. Si j'ai un nœud parent et de début/fin de caractères décalages (obtenu avec une méthode similaire à votre solution ici), comment puis-je obtenir un longiligne gamme de ces décalages, sans égard à toute <span>s qui peuvent envelopper une partie du texte?
    En bas: Il m'aide aussi.. Merci. Maintenant, ce que je veux, c'est que je veux de texte pour revenir à la position sélectionnée.

    OriginalL'auteur Tim Down

  2. 3

    Utiliser à la suite de java script fonction pour mettre en évidence la page html..

    function stylizeHighlightedString() 
{
    var range               = window.getSelection().getRangeAt(0);
    var selectionContents   = range.extractContents();
    var span                = document.createElement("span");
    span.appendChild(selectionContents);
    span.setAttribute("class","uiWebviewHighlight");

    span.style.backgroundColor  = "red";
    span.style.color            = "white";

    range.insertNode(span);
}
    Votre code de souligner que le texte sélectionné mais la question posée est de mettre en évidence, en fonction de plage. Tim a répondu exactement ce qu'il fallait.
    exemple de travail dans le jsbin.com/oJiLaXu/1/edit?html,sortie

    OriginalL'auteur Mohit kumar