Was ist ein Cursor? Einführung in die Cursorbewegung im Eingabe- oder Textbereich

Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist ein Cursor? Die Einführung in die Cursorbewegung im Eingabe- oder Textbereich hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.

Was ist ein Cursor?

Der blinkende Cursor im Eingabefeld auf der Seite ist eigentlich eine Auswahl, d. h. die Auswahl, die direkt durch den linken und rechten Rand der Auswahl gebildet wird.

Nicht-IE-Browser

Der Eingabefeldknoten input=document.getElementById('#input') verfügt über zwei Attribute: SelectionStart und SelectionEnd, die die Start- und Endposition der Auswahl darstellen jeweils.

Durch Ändern dieser beiden Werte kann eine Auswahl gebildet werden. Die Breite beträgt 0, wodurch die Positionssteuerung und Erfassung des Cursors realisiert wird.

IE-Browser

IE-Browser bietet umfangreichere APIs:
createTextRange(), document.selection.createRange(), moveStart(), moveEnd(), move() ,collapse() ,text,select().

Schritt 1:

var range = input.createTextRange();        //创建一个文本选区对象。

Schritt 2: Einige Operationen

range.collapse(boolean);

können einen booleschen Wert als Parameter übergeben. Der Standardwert des Parameters ist true und gibt links oder an richtig. Richtige Komprimierung

range.moveStart(param1,param2);

Die optionalen Werte für den ersten Parameter umfassen Zeichen, Wort, Satz und Textedit. Beispielsweise bedeutet Zeichen einen Offset basierend auf Zeichen. Der zweite Parameter stellt den Versatz dar, und positiv und negativ stellen die Richtung dar.

range.moveEnd(param1,param2);

ist derselbe wie der obige Methodenparameter, außer dass er zum Verschieben der Endgrenze verwendet wird

Schritt 3:

range.select();  //将range包含的区域选中。

Beachten Sie Folgendes: vor dem Aufruf Bereich. Vor der Methode select() wird der Auswahleffekt nicht zum Inhalt des Auswahlobjekts hinzugefügt

Zusätzlich:

var range = document.selection.createRange();

Diese Methode erstellt ein Auswahlobjekt basierend auf dem ausgewählten Textbereich in der aktuellen Seite Der Unterschied zwischen dem Objekt und dem Auswahlobjekt der createTextRange-Methode besteht darin, dass sein Auswahlbereich der Bereich des ausgewählten Textes auf der Seite ist, dh seine linken und rechten Grenzen sind nicht mehr Standardmäßig ist das linke Minimum und das rechte Maximum voreingestellt.

range.move(param1,param2);

ist dasselbe wie der moveStart-Parameter und eignet sich besser zum Bewegen des Cursors.

Verwandte Empfehlungen:

JS fügt Text an der TextArea-Cursorposition ein und bewegt den Cursor an das Ende der text_javascript-Fähigkeiten

jQuery klickt auf die Eingabe, um den Cursor an die letzte oder angegebene Position zu bewegen

Das obige ist der detaillierte Inhalt vonWas ist ein Cursor? Einführung in die Cursorbewegung im Eingabe- oder Textbereich. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!