jQuery: Obtener la posición del cursor del texto en la entrada sin el código específico del navegador?

Question

¿Hay alguna manera en jQuery de obtener la posición actual del cursor en una entrada de texto sin hacer un código específico del navegador?

Como en:

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

el cursor después de estar en la "x" de "texto", yo puede conseguir "8"?

Answer 1

No se puede hacer esto sin un código específico del navegador, ya que implementan la selección de texto variado de forma ligeramente diferente. Sin embargo, hay complementos que resumen esto. Para saber exactamente lo que buscas, está el jQuery Caret (jCaret) plugin.

You can try out a demo here.

Para su código para obtener la posición que podría hacer algo como esto:

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

You can test it here.

Answer 2

se encontró durante la navegación, podría ayudarlo javascript-getting-and-setting-caret-position-in-textarea. Puedes usarlo también para el cuadro de texto.

Answer 3

Una advertencia sobre el complemento Jquery Caret.

Entrará en conflicto con Masked Input plugin (o viceversa). Afortunadamente, el complemento de Entrada enmascarada incluye una función propia de caret(), que puede usar de manera muy similar al complemento Caret para sus necesidades básicas - $ (elemento) .caret(). Begin o .end

Answer 4

Uso de la sintaxis text_element.selectionStart podemos obtener la posición de inicio de la selección de un texto en términos del índice del primer carácter del texto seleccionado en el text_element.value y en caso de que deseemos obtener el mismo del último carácter en la selección tenemos que usar text_element.selectionEnd .

utilizarlo como sigue:

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

Te estoy dando la fiddle_demo