Javascript 按enter按钮时调用事件

Javascript 按enter按钮时调用事件,javascript,html,Javascript,Html,有一个字段可以输入名称和密码,以及登录按钮。输入正确的密码和名称后,有必要按下enter按钮触发登录功能,如果输入的密码或名称不正确,将显示输入错误消息。无论课程所在的字段是什么,也不管用户是否输入了数据,只要单击enter,事件都会起作用。有必要使用纯JS实现。先谢谢你 <form> <div class="group"> <input type="text" id="Name"> <label>Name</label&

有一个字段可以输入名称和密码,以及登录按钮。输入正确的密码和名称后,有必要按下enter按钮触发登录功能,如果输入的密码或名称不正确,将显示输入错误消息。无论课程所在的字段是什么,也不管用户是否输入了数据,只要单击enter,事件都会起作用。有必要使用纯JS实现。先谢谢你

<form>
  <div class="group">
    <input type="text" id="Name">
    <label>Name</label>
  </div>
  <div class="group">
    <input type="password" id="Pass">
    <label>Password</label>
  </div>
  <button type="button">Log In</button>
</form>

将按钮更改为提交按钮,并将
submit
事件侦听器绑定到表单元素


在只有一个提交按钮的表单中输入将触发提交事件。

更改按钮类型提交。类型为submit的inside from元素按钮与表单的submit事件相关联。 只有当您在输入字段中处于焦点时,提交事件才起作用 登录此代码对我有帮助

function login () {
      console.log('Вы нажали ENTER')
}

<form>
  <div class="group">
    <input onkeydown="if(event.keyCode == 13) login();" type="text" id="Name">
    <label>Name</label>
  </div>
  <div class="group">
    <input onkeydown="if(event.keyCode == 13) login();" type="text" id="Pass">
    <label>Password</label>
  </div>
  <button type="button">Log In</button>
</form>
函数登录(){
控制台日志(“输入”)
}
名称
暗语
登录

为我们提供您的JS代码。使用keypress/keyup事件并检查字符代码13中的enter键。添加提交按钮。这是标准的HTML功能,不需要编写您应该编写的任何Javascript。如果没有for属性或表单控件,标签是无用的。“有必要使用纯JS实现”——您需要DOM方法来实现这一点。Pure JS无法与HTML文档交互。您必须为inputsSubmit创建提交事件调用。如果输入的数据正确,提交不会重定向到其他页面。这是我的JS函数授权(name,pass){name=document.getElementById(“name”).value;pass=document.getElementById(“pass”).value;if(name==“name”){if(pass==“pass”){document.location.href='index.html';}else{alert(“错误的密码”);}}}else{alert(“错误的日期”)}@AlisaBondarchuk-好吧,它把用户名和密码放在你给试图登录的人的源代码中,所以它是无用的…而且它没有提交事件侦听器,所以它与这个答案告诉你做什么无关。如果输入的数据是正确的,提交不会重定向到另一个页面。我知道这一点代码不好,所以这个问题是为了让一些好心的人帮我写普通的代码=))
function login () {
      console.log('Вы нажали ENTER')
}

<form>
  <div class="group">
    <input onkeydown="if(event.keyCode == 13) login();" type="text" id="Name">
    <label>Name</label>
  </div>
  <div class="group">
    <input onkeydown="if(event.keyCode == 13) login();" type="text" id="Pass">
    <label>Password</label>
  </div>
  <button type="button">Log In</button>
</form>