Tengo un <p> que contiene texto. Cuando se hace clic en <p>, creo un <textarea> que contiene el texto del <p>. ¿Es posible calcular donde en el texto <p> se produjo el clic, y mover el cursor <textarea> al mismo punto?¿Es posible determinar en qué parte del texto de un p se produjo un clic del mouse?
No lo creo, no. El DOM solo sabe qué elemento contenedor recibió el evento click, no distingue entre fragmentos de texto dentro del elemento contenedor a menos que sean elementos en sí mismos. Y dudo que quieras envolver a todos los personajes en tu texto con su propia etiqueta de elemento :)
Supongo que esto va a costar un buen montón de tiempo para acertar, y no podrás obtener es exactamente correcto. Pero es probable que desee utilizar event.clientX y event.clientY.
EDITAR - no sabía nada de esto cuando respondí. Parece bastante posible obtenerlo exactamente correcto. http://www.quirksmode.org/dom/range_intro.html
Una idea alternativa: coloque el textarea de modo que parezca texto sin formato, y vuelva a modificarlo para que parezca un campo de formulario cuando se haga clic.
ooo, me gusta esa idea alternativa. Puede que tenga que jugar con eso en algún momento del desarrollo futuro. – David
nice idea re: textarea styling. Esto es lo mejor que he pensado, pero todavía veo algunos inconvenientes, p. cuando se ingresa más de un párrafo en un '
Creo que tienes razón ... ¡pero espero que estés equivocado! – Armand
@ La respuesta de Yeti parece contradecir lo que dices, David. Es algo de lo que tampoco era consciente. – morgancodes
@morgancodes: ciertamente espero que la solución de Yeti funcione. Tendré que mantenerlo en caso de que alguna vez encuentre lo mismo :) – David