jQuery/Javascript 自动标签索引锁定/选择？答案

【问题标题】：jQuery/Javascript auto tab index lock/select?jQuery/Javascript 自动标签索引锁定/选择？
【发布时间】：2023-03-11 14:26:01
【问题描述】：

我有一个简单的显示项目，想从等式中删除鼠标，页面只有一个字段（搜索字段），我希望浏览器锁定在该字段中，而无需鼠标对于那些不知道如何在没有鼠标的情况下进行操作的人来说，让它成为用户朋友。

可以用 jQuery/Javascript 来完成吗？我真的不知道我在搜索什么，除了它可能与标签索引有关。

谢谢，

亚瑟

【问题讨论】：

标签： javascript jquery html xhtml

【解决方案1】：

由于 Gaby 尚未编辑，我将继续编写解决方案。代码的部分功劳归功于 Gaby 和 Andy E。

$(document).ready(function(){
   var el = $(':text:eq(0)');
   el.focus();
   el.blur(function(){ 
             setTimeout(function() { el.focus(); },0);
           });
});

【讨论】：

完美、简单、有效的解决方案。谢谢。
@jonathan，太好了！我错过了锁定部分。 +1

【解决方案2】：

如果您的意思是希望该字段项获得焦点（以便用户可以立即开始输入），那么

$(document).ready(function(){
   $(':text:eq(0)').focus();
});

这会将焦点放在它会在页面中找到的第一个输入框中..

（如果只有一个输入框，:eq(0)可以省略..）

【讨论】：

我想他也想防止跳出（或点击）文本框；换句话说，他想防止它失去焦点。我不确定“焦点”事件是否会冒泡，但如果确实如此，那么最简单的方法是将主体的焦点事件绑定到将焦点设置在文本框上的函数。
更简单的方法是使用 onblur 事件让文本框重新聚焦
焦点不会冒泡。最简单的方法是照 Jonathan 所说的去做，并使用 onblur 事件重新聚焦。在 IE（也许还有其他）中，您需要在长度为 0 的超时中重新聚焦。