En mi proyecto de reacción, tengo un escenario en el que el evento keyDown se activa en todos los eventos del teclado, excepto el evento de pestaña , cuando presiono la pestaña, se enfoca en el siguiente elemento que está allí en la página.
Por favor revise la captura de pantalla.
¿Podría indicar por qué la pulsación de la pestaña no llama al evento onKeyDown pero sí lo hace para cualquier otra pulsación de tecla?
Gracias
class CalendarDay extends React.Component { constructor(...args) { super(...args); } onKeyDown(day, e) { //***** DOESN'T GET TRIGGERED ON 'TAB' KEY PRESS const { onDayClick, onFoscusedTabKey, onKeyDownTabFocus } = this.props; const { key } = e; if (key === 'Enter' || key === ' ') { onDayClick(day, e); } else if (key === 'Tab' && !e.shiftKey) { onFoscusedTabKey(e); } onKeyDownTabFocus && onKeyDownTabFocus(e); } render() { const { ... } = this.props; return ( <td role="link" // eslint-disable-line jsx-a11y/no-noninteractive-element-to-interactive-role ref={this.setButtonRef} aria-label={ariaLabel} onMouseEnter={onDayMouseEnterDebouncedCB} onMouseLeave={onDayMouseLeaveDebounceCB} onMouseUp={(e) => { e.currentTarget.blur(); }} onClick={(e) => { this.onDayClick(day, e); }} onKeyDown={(e) => { this.onKeyDown(day, e); }} > {renderDayContents ? renderDayContents(day, modifiers) : day.format('D')} </td> ); } }