Was ist anchorNode , baseNode , extentNode und focusNode in das Objekt zurückgegeben Dokument.getSelection?

Wenn ich eine Auswahl in eine html-Seite, die ich tun : 

var a = document.getSelection()

Bekomme ich ein Objekt mit vier Eigenschaften :

  1. anchorNode
  2. baseNode
  3. extentNode
  4. focusNode

die Werte der ersten drei ist das gleiche, d.h. die Texte, die ich ausgewählt habe, aber wie unterscheiden Sie sich und welche zu benutzen?

InformationsquelleAutor Rishul Matta | 2014-12-02
  1. 59

    Laut MDN

    Auswahl.anchorNode - liefert den Knoten, in dem die Selektion beginnt.

    Auswahl.focusNode - liefert den Knoten, in der die Auswahl endet.

    da gab es Debatten über die Benennung, baseNode ist alias für anchorNode, extentNode für focusNode

    Der folgenden ist nicht Gegenstand dieser Frage, aber ich poste es trotzdem, da fand ich die Auswahl, ein heikles Teil, in einigen Szenarien.

    Werfen Sie einen Blick auf dieses Beispiel:

    <p>ab12<sup>3</sup>4567890 !</p>

    Lassen Sie uns sagen, wir haben die Auswahl "1234567890".
    Ich habe ein Bild gemacht, zu erklären, wo Anker und Fokus Knoten und offsets.

    Was ist anchorNode , baseNode , extentNode und focusNode in das Objekt zurückgegeben Dokument.getSelection?

    • Es scheint einige Unstimmigkeiten (vielleicht Fehler) mit baseNode und extentNode, wo Sie nicht übereinstimmen anchorNode und focusNode, bzw., in bestimmten Fällen. Ich kann keinen Grund sehen, verwenden Sie in den ersten Platz obwohl.
    • Schöne Arbeit für das Bild! Beachten Sie, dass beide baseNode und extentNode wurde entfernt aus dem MDN-Seite.
    InformationsquelleAutor Laimis
  2. 6

    Ich habe die Entwicklung einer Funktion, die erfordert verschachtelte contenteditable Elemente. Bei der Fehlersuche bemerkte ich, dass baseNode und extentNode sind NICHT nur Aliase. Ich bin auf der Suche nach Dokumentation auf Sie, da Sie nicht in MDN. Aber basierend auf diesem screenshot, würde ich nicht davon ausgehen, Sie sind nur Aliase (in Chrom):
    Was ist anchorNode , baseNode , extentNode und focusNode in das Objekt zurückgegeben Dokument.getSelection?

    InformationsquelleAutor tjmehta
  3. 3

    Ich bin keineswegs ein Experte, aber durch das Experimentieren scheint es mir, dass die anchorNode ist der Knoten, der Auswahl begonnen und focusNode das einzige, wo es endete (vermutlich, weil es den Fokus hat, nachdem die Auswahl über).

    baseNode scheint das gleiche zu sein wie anchorNode und extentNode das gleiche wie baseNode, nur, dass Sie nicht im Firefox, nur in Chrom.

    InformationsquelleAutor ehrencrona
Schreibe einen Kommentar