Javascript 如何禁用对特定html元素的关注？_Javascript_Html_Vue.js_Focus

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

javascript html vue.js

Javascript 如何禁用对特定html元素的关注？,javascript,html,vue.js,focus,Javascript,Html,Vue.js,Focus,我在vue js中有自定义输入组件，在这个组件中我有输入和两个按钮。当输入焦点不集中时，我想集中在下一个输入上，但现在它集中在这些按钮上。最后，我应该按tab键三次以关注下一个输入是否有用于禁用某些元素焦点的html属性？还是有一种javascript方式 tabindex属性控制制表。将其设置为-1，tab键将不会在该元素上停止 <button tabindex="-1">click me</button> 点击我选项卡索引属性控制选项卡。将其设置为-1，tab

我在

vue js

中有自定义输入组件，在这个组件中我有输入和两个按钮。当输入焦点不集中时，我想集中在下一个输入上，但现在它集中在这些按钮上。最后，我应该按tab键三次以关注下一个输入

是否有用于禁用某些元素焦点的html属性？还是有一种javascript方式

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

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

点击我

选项卡索引属性控制选项卡。将其设置为-1，tab键将不会在该元素上停止

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

点击我

您可以使用blur事件，它相当于

当你失去注意力时触发一些事情

您还可以在元素上创建一个tabindex

tabindex=“0”

，以确定选项卡的顺序

不幸的是，除非要禁用整个元素，否则无法使元素不可聚焦。因为这样您就无法在输入中键入任何内容。

您可以使用blur事件，它相当于

当你失去注意力时触发一些事情

您还可以在元素上创建一个tabindex

tabindex=“0”

，以确定选项卡的顺序

不幸的是，除非要禁用整个元素，否则无法使元素不可聚焦。因为那时您无法在该输入中键入任何内容。

指针事件：无禁用单击这是否回答了您的问题？通过静态或编程方式添加tabIndex指针事件：无禁用单击这是否回答了您的问题？通过静态或编程方式添加tabIndex是否可以提供一个链接，指向我在vuejs文档中可以找到它的位置？它与vue没有特定关系，但与通用web标准相关。您可以提供一个链接，指向我在vuejs文档中可以找到它的位置吗？它与vue没有特定关系，而是与通用web标准相关