我在哪里可以检查由键盘事件（如 keydown 'tab'）触发的浏览器上的默认操作？

Question

When I press down 'tab', focused element is changed on browser. I want to control the order of focused element or skip some elements when tabbing. I know I can use preventDefault( https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault ) to ignore default logic to fire my logic. But I just want to solve it by tweaking default order little bit.

But I can't find any documentation about rules about it. Where can I check default actions on browser triggered by keyboard events like keydown 'tab'?

Answer 1

You are looking for either the tab-index HTML attribute as demonstrated below (try moving with the tab button), or the tabIndex JavaScript property.

These are related to which elements can receive the focus ; browsers tend to allow this by default for any elements the user is expected to interact with (like button, textarea, etc.)

 <label>First</label> <input type="text" tabindex="1"/> </br> <label>Third</label> <input type="text" tabindex="3"/> </br> <label>Fifth</label> <input type="text" tabindex="5"/> </br> <label>Second</label> <input type="text" tabindex="2"/> </br> <label>Fourth</label> <input type="text" tabindex="4"/>