Javascript 单击按钮时以编程方式将焦点移动到文本字段_Javascript_Jquery

Javascript 单击按钮时以编程方式将焦点移动到文本字段

javascript jquery

Javascript 单击按钮时以编程方式将焦点移动到文本字段,javascript,jquery,Javascript,Jquery,我在引导模式中有以下文本字段 <input id="text_box1" /> <input id="text_box2" /> 想知道如何解决这个问题吗？首先获取单击事件，然后聚焦框它看起来像这样 $( "#yourButtonId" ).click(function() { $( "#text_box2" ).focus(); }); 有关更多信息，请查看此链接中的JQUERY文档：看看下面的工作答案：焦点输入2 $function{ $btn.off

我在引导模式中有以下文本字段

<input id="text_box1" />
<input id="text_box2" />

想知道如何解决这个问题吗？

首先获取单击事件，然后聚焦框

它看起来像这样

$( "#yourButtonId" ).click(function() {
  $( "#text_box2" ).focus();
});

有关更多信息，请查看此链接中的JQUERY文档：

看看下面的工作答案：

焦点输入2 $function{ $btn.offclick.onclick，focusSecondBox； }; 函数聚焦的EconDBox{ $'text_box2'。焦点 }

您需要将一个click事件绑定到执行函数的按钮上，然后该函数将重点放在输入上

函数焦点第一框{ $'text_box1'。焦点 } 函数聚焦的EconDBox{ $'text_box2'。焦点 } 焦点1

焦点2正如你在问题中看到的，这正是我正在做的，但似乎不是work@prajeesh在您的问题中，您没有在任何地方获得单击事件。您是否将onclick事件添加到按钮？按钮HTML在哪里？如上所述，在哪里添加按钮事件？

$( "#yourButtonId" ).click(function() {
  $( "#text_box2" ).focus();
});

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#id1").click(function(){
        $("#text2").focus();
    });
});
</script>
<style>
span {
    display: none;
}
</style>
</head>
<body>

<input type="text" id="text1" value="test"/>
<input type="text" id="text2" value="test"/>
<input type="button" value="test" id="id1"/>
</body>
</html>