Hola, estoy trabajando en un gran proyecto y el código es muy complejo para compartir partes aquí. pero necesito hacer un seguimiento de la letra que estoy escribiendo mientras que la longitud del nombre es más grande que el contenedor. como puede ver en el video, cuando el texto pasa sobre el contenedor, no sigue la letra que se está escribiendo y debe desplazarse manualmente. Necesito seguir las letras mientras las escribo. nota: el cuadro de texto no es una entrada de html, es una inmersión y el texto se escribe creando divs secundarios en el div de texto que contienen letras individuales. el proyecto es una aplicación móvil construida en cordova y solo funciona con un teclado virtual, no funciona un teclado físico real aquí.
<div class="text-box"> <div>J</div> <div>O</div> <div>H</div> <div>N</div> </div>
Puede agregar un detector de eventos al div que escucha las pulsaciones de teclas y luego se desplaza hacia el extremo derecho del div (a menos que se presione una tecla de retroceso o eliminar) usando el siguiente código:
let display = document.getElementsByClassName('text-box'); let maxXscroll = display.scrollWidth - display.clientWidth; display.addEventListener('keydown', function() { if((e.which != 8) && (e.which != 46)) { display.scrollLeft = maxXscroll; } })
Pido disculpas si mi código no es bueno (me funcionó) o mi respuesta es insuficiente, ¡pero espero que te ayude!