Javascript 单击div class a href按钮时如何关注输入元素

显然是队长

---

船长很明显？

您应该使用JavaScript：

document.addEventListener（'DOMContentLoaded'，（）=>{
常量输入=document.getElementById（'ara'）；
const button=document.getElementById（'arabutton'）；
按钮。addEventListener（'单击'，（）=>{
input.focus（）；
})
})

您应该使用JavaScript：

document.addEventListener（'DOMContentLoaded'，（）=>{
常量输入=document.getElementById（'ara'）；
const button=document.getElementById（'arabutton'）；
按钮。addEventListener（'单击'，（）=>{
input.focus（）；
})
})

使用javascript事件

const btn = document.querySelector('#arabutton');
const input = document.querySelector('#ara'); // or getElementById

btn.addEventListener('click', () => {
   input.focus();
});

功能焦点（事件）{
e、 preventedfalt（）//停止重定向效果
document.getElementById（“ara”）.focus（）
}
页

使用javascript事件

const btn = document.querySelector('#arabutton');
const input = document.querySelector('#ara'); // or getElementById

btn.addEventListener('click', () => {
   input.focus();
});

功能焦点（事件）{
e、 preventedfalt（）//停止重定向效果
document.getElementById（“ara”）.focus（）
}
页

我终于做到了

<script>
  function focus(event) {
      e.preventDefalt() //to stop the redirection effect
      document.getElementById("ara").focus()
  }
 </script>
 <a onclick="focus()" id="arabutton" class="search-overlay-menu-btn">page</a>
 <input class="js-typeahead-game_v2" id="ara" name="form" type="search" placeholder="Search" autofocus>

document.getElementById（“arabutton”）.addEventListener（“单击”，函数（）{
setTimeout（function（）{jQuery（'#ara'）.focus（）}，20）；
});

arabutton是按钮的id。当点击它时，覆盖形式就出现了。 ara是覆盖表单上输入字段的id，我终于做到了

<script>
  function focus(event) {
      e.preventDefalt() //to stop the redirection effect
      document.getElementById("ara").focus()
  }
 </script>
 <a onclick="focus()" id="arabutton" class="search-overlay-menu-btn">page</a>
 <input class="js-typeahead-game_v2" id="ara" name="form" type="search" placeholder="Search" autofocus>

document.getElementById（“arabutton”）.addEventListener（“单击”，函数（）{
setTimeout（function（）{jQuery（'#ara'）.focus（）}，20）；
});

arabutton是按钮的id。当点击它时，覆盖形式就出现了。

---

ara是覆盖表单上输入字段的id

是否使用Angular、React或Vue等框架？或者您正在使用类似JQuery的东西？或者您正在寻找一个简单的javascript解决方案？如果你想得到一个完整的回答，这将是一个很好的补充信息。我不使用框架。但我正在使用jquery typeahead脚本进行实时搜索系统。您使用的是Angular、React或Vue之类的框架吗？或者您正在使用类似JQuery的东西？或者您正在寻找一个简单的javascript解决方案？如果你想得到一个完整的回答，这将是一个很好的补充信息。我不使用框架。但我正在使用jquery typeahead脚本进行实时搜索系统。单击按钮时会显示覆盖表单。我想我们应该在表单加载时将焦点放在inputfield上。单击按钮时会显示覆盖表单。我想我们应该把表单加载的重点放在输入字段上。