如何禁用對特定 html 元素的關注？

Question

我在vue js有自定義輸入組件，在這個組件中我有輸入和兩個按鈕。當輸入松散焦點時，我想專注於下一個輸入，但現在它專注於那些按鈕。 最后我應該按三下 tab 鍵來專注於下一個輸入。

是否有任何 html 屬性可以禁用對某些元素的關注？ 或者有一種javascript方式？

Answer 1

tabindex 屬性控制制表符。 將其設置為 -1 並且 Tab 鍵不會在該元素上停止。

<button tabindex="-1">click me</button>

Answer 2

您可以使用 blur 事件，它相當於https://www.w3schools.com/jsref/event_onfocusout.asp <input v-on:blur="handleBlur">

當你失去焦點時觸發某事。

您還可以在元素上創建 tabindex tabindex="0"來確定 Tab 的順序。

不幸的是，除非您想禁用整個元素，否則您無法使元素不可聚焦。 因為那樣你就無法在該輸入中輸入任何內容。