Back to all Tutorials
Tab Key Switcher
On forms with several input fields, it is very common for the user to jump between them with the TAB key.
- Drop several text input fields into the canvas.
- Select the first and go to the Events tab.
- In the Click option, select Press Key.
- Then click Add Interaction so that Justinmind Prototyper displays the Define Action screen.
- Unlike other cases, this time an element appears next to the Add Condition button that allows you to indicate which key triggers the event. By default, pressing any key would be sufficient; you can also change it so it responds only to the TAB key.
- Click the Pencil icon and then the TAB key.
- Select the Set Focus On action and select the next text input field.
- Click OK and then click Simulate. The cursor jumps to the next field after something is typed in the first field and confirmed with the TAB key.