jQuery: Obtenir la position du curseur en entrée sans code spécifique au navigateur?

Question

Y a-t-il un moyen dans jQuery d'obtenir la position actuelle du curseur dans une entrée de texte sans faire de mauvais code spécifique au navigateur?

Comme dans:

<input id="myTextInput" type="text" value="some text" > 

le curseur étant après le "x" de "texte", je peux obtenir "8"?

Answer 1

Vous ne pouvez pas faire cela sans certains code spécifique au navigateur, car ils implémentent la sélection de texte variée légèrement différemment. Cependant, il y a des plugins qui résument cela. Pour exactement ce que vous cherchez, il y a le jQuery Caret (jCaret) plugin.

You can try out a demo here.

Pour votre code pour obtenir la position que vous pourriez faire quelque chose comme ceci:

$("#myTextInput").bind("keydown keypress mousemove", function() { 
    alert("Current position: " + $(this).caret().start); 
}); 

You can test it here.

Answer 2

juste rencontré en cours de navigation, pourrait vous aider javascript-getting-and-setting-caret-position-in-textarea. Vous pouvez également l'utiliser pour la zone de texte.

Answer 3

Avertissement concernant le plugin JQuery Caret.

Il sera en conflit avec le Masked Input plugin (ou vice versa). Heureusement, le plugin Masked Input inclut sa propre fonction caret(), que vous pouvez utiliser de manière très similaire au plugin Caret pour vos besoins de base - $ (élément) .caret(). Begin ou .end

Answer 4

Utilisation de la syntaxe text_element.selectionStart nous pouvons obtenir la position de départ de la sélection d'un texte en termes de l'index du premier caractère du texte sélectionné dans le text_element.value et dans le cas où nous voulons obtenir la même chose du dernier caractère de la sélection, nous devons utiliser text_element.selectionEnd .

utiliser comme suit:

<input type=text id=t1 value=abcd> 
<button onclick="alert(document.getElementById('t1').selectionStart)">check position</button> 

Je vous donne la fiddle_demo