如何禁用对特定 html 元素的关注？

Question

我在 vue js 中有自定义输入组件，在这个组件中我有输入和两个 buttons.when 输入松散焦点，我想关注下一个输入，但现在它关注那些按钮. 最后我应该按三下 Tab 键以专注于下一个输入。

Is there any html attribute for disabling focus on some elements? or there is a javascript way?

Answer 1

tabindex 属性控制制表符。将其设置为 -1，Tab 键将不会在该元素上停止。

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

Answer 2

您可以使用等效于 https://www.w3schools.com/jsref/event_onfocusout.asp 的模糊事件 <input v-on:blur="handleBlur">

当你失去焦点时触发一些东西。

您还可以在元素上创建一个 tabindex tabindex="0" 来确定 Tab 键的顺序。

遗憾的是，除非您想禁用整个元素，否则您不能使元素无法聚焦。因为那时你无法在该输入中输入任何内容。