Qu'est-ce qu'un curseur ? Introduction au mouvement du curseur dans la zone de saisie ou de texte

Le contenu de cet article porte sur ce qu'est un curseur ? L'introduction au mouvement du curseur dans la zone de saisie ou de texte a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'elle vous sera utile.

Qu'est-ce qu'un curseur

Le curseur clignotant dans la zone de saisie de la page est en fait une sélection, c'est-à-dire la sélection directement formée par les bordures gauche et droite de la sélection.

Navigateurs non-IE

Le nœud de la zone de saisie input=document.getElementById('#input') a deux attributs : selectionStart et selectionEnd, qui représentent la position de début et la position de fin de la sélection. respectivement.

En modifiant ces deux valeurs, une sélection peut être formée. La largeur est de 0, qui réalise le contrôle de position et l'acquisition du curseur.

Navigateur IE

Le navigateur IE fournit des API plus riches :
createTextRange(), document.selection.createRange(), moveStart(), moveEnd(), move() ,collapse() ,texte,select().

Étape 1 :

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

Étape 2 : Certaines opérations

range.collapse(boolean);

peuvent transmettre une valeur booléenne en tant que paramètre, et la valeur par défaut du paramètre est true, indiquant Compresser à gauche ou à droite

range.moveStart(param1,param2);

Les valeurs facultatives​​du premier paramètre incluent caractère, mot, phrase, textedit Par exemple, caractère, ce qui signifie décalage en fonction du caractère. Le deuxième paramètre représente le décalage, et le positif et le négatif représentent la direction.

range.moveEnd(param1,param2);

Les mêmes paramètres de méthode que ci-dessus, sauf que ceci est utilisé pour déplacer la limite de fin

Étape 3 :

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

Il est à noter que : Avant d'appeler la méthode range.select(), l'effet de sélection ne sera pas ajouté au contenu de l'objet de sélection

Supplément :

var range = document.selection.createRange();

Cette méthode est créée en fonction du texte sélectionné zone dans la page actuelle Un objet de sélection. La différence entre cet objet de sélection et l'objet de sélection de la méthode createTextRange est que sa plage de sélection est la zone où le texte est sélectionné sur la page, c'est-à-dire que ses limites gauche et droite ne sont pas plus le minimum gauche par défaut et le maximum droit.

range.move(param1,param2);

est identique au paramètre moveStart et est plus convivial pour déplacer le curseur.

Recommandations associées :

JS insère du texte à la position du curseur TextArea et déplacez le curseur jusqu'à la fin des compétences text_javascript

jQuery clique sur l'entrée pour déplacer le curseur vers la dernière position ou la position spécifiée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!