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