Pressing Tab to active Enter key

Question

I have a question in react/JavaScript that when I press Tab on the keyboard, I need the Enter key to be triggered or active, so any idea how can I do it.

Answer 1

Although I'm not sure what you're motivation for this behavior is, your logic is even possible with Vanilla JS:

• Simplest way to detect keypresses in javascript
• Is it possible to simulate key press events programmatically?

Minimal example for your use case (listen for 'Tab' keydown, trigger 'Enter' keydown if Tab occurred):

 let element = document.querySelector('input'); element.onkeydown = e => { alert('key pressed: ' + e.key); if (e.key === 'Tab') { element.dispatchEvent(new KeyboardEvent('keydown', { 'key': 'enter' })); } }

 <input/>