Question

点击登录按钮后，我收到提示消息，但是，在关闭提醒时，下一个焦点将返回到第一个文本框用户名。我想把焦点重新放在按钮上，这样我就可以切换到下一个字段。

<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>

Answer 1

如果我理解正确，您可以使用以下命令对元素执行.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>

Answer 2

使用代码

  $(document).ready(function () {
        $('input[type=submit]').focus();
    });

将重点放在提交按钮上。

保持对元素的关注

2 个答案: