Tome este código HTML, si coloca el cursor en el primer cuadro de texto, y luego presione la tecla Tabulador. El cursor saltará automáticamente al segundo cuadro de texto.
Box1: <textarea id='box' cols='60' rows='10'></textarea> Box2: <textarea id='box' cols='60' rows='10'></textarea>Necesito reemplazar esta acción predeterminada de cambiar al siguiente cuadro de texto con la ejecución de la función de JavaScript que he definido. Digamos: en lugar de cambiar los cuadros de texto, ejecute la función que escribe 'a' en el primer cuadro de texto al presionar Tab dentro del cuadro.
¿Alguna idea de cómo puedo hacer que esto suceda?
Debería escuchar el evento keydown (probó los otros, no funcionan para este caso específico). Desde allí, debe verificar si se presionó la pestaña. Luego, deberá evitar que ocurra el valor predeterminado y finalmente ejecutar su lógica personalizada. En el ejemplo a continuación, la funcionalidad predeterminada de la pestaña solo se sobrescribe si se enfoca la primera área de texto.
<textarea id="box1"></textarea> <textarea id="box2"></textarea> document.getElementById("box1").addEventListener("keydown", (event) => { if (event.keyCode === 9) { event.preventDefault(); event.target.value += "a"; // adding a to textarea (your example) } })