javascript - posicion - Obteniendo la ubicación del cursor y el texto resaltado en textarea usando JQuery

posicion del cursor javascript

Question

Tener un área de texto en un formulario, estoy tratando de hacer varias cosas:

• buscar la ubicación actual del cursor dentro del área de texto
• buscar la selección actual dentro del área de texto
• insertar texto en la ubicación actual del cursor
• reemplace la selección actual por otro texto

Como ya estoy usando JQuery, preferiría una solución que funcione sin problemas con eso. Cualquier sugerencia de cómo lograr lo anterior sería apreciada.

Answer 1

Hay muchos complementos jQuery para esto. Aquí hay uno bueno que he usado antes:

http://plugins.jquery.com/project/a-tools

Para recuperar la ubicación actual del cursor dentro del área de texto:

$("textarea").getSelection().start;

Para buscar la selección actual dentro del área de texto:

$("textarea").getSelection();

esto devuelve un objeto como este:

{
    start: 1, // where the selection starts
    end: 4, // where the selection ends
    length: 3, // the length of the selection
    text: ''The selected text''
}

Para insertar texto en la ubicación actual del cursor:

$("#textarea").insertAtCaretPos("The text to insert");

Para reemplazar la selección actual por otro texto:

$("#textarea").replaceSelection(''This text will replace the selection'');