单击“登录”按钮后,我收到警报消息,但是,在关闭警报时,下一个焦点将回到第一个文本框用户名。我希望焦点重新放在按钮上,以便可以跳到下一个字段。



<html>
  <head>
    <title> Test </title>
    <script>
      function handleClick(){
        alert("welcome");
      }
    </script>
  </head>

  <body>
    <form name="aye" onSubmit="handleClick();">
      <label for="username">Username:</label>
      <input type="text" id="username" tabindex="0">
      <br>
      <input  type="submit" value="Log in" tabindex="0">
      <br>
      <label for="password">Password:</label>
      <input type="password" id="password" tabindex="0">
      <br>
    </form>
  </body>
</html>

最佳答案

如果我对您的理解正确,则可以使用以下命令对元素进行.focus()

document.querySelector('yourselector').focus();


像这样:



<html>
  <head>
    <title> Test </title>
    <script>
      function handleClick(){
        alert("welcome");
        document.querySelector('input[type="submit"]').focus();
      }
    </script>
  </head>

  <body>
    <form name="aye" onSubmit="handleClick();">
      <label for="username">Username:</label>
      <input type="text" id="username" tabindex="0">
      <br>
      <input  type="submit" value="Log in" tabindex="0">
      <br>
      <label for="password">Password:</label>
      <input type="password" id="password" tabindex="0">
      <br>
    </form>
  </body>
</html>

09-18 20:41