js按回车键实现登录实例

发布时间:2020-08-12编辑:脚本学堂
分享下js实现按回车键即可登录的代码,即js回车登录的二个例子,有需要的朋友参考下。

例1,简单版 按回车登录。
 

复制代码 代码示例:

$(document).ready(function(){
  document.onkeydown = function (event){
  if (event.keyCode==13) //回车键的键值为13
    submit();
  };
});

function submit(){
  var password = $("#password").val();
  $("#password").val(password);
  document.forms[0].submit();
}

例2,js按回车键实现登录的完整示例:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>js按回车键实现登录_www.jb200.com</title> 
<mce:script language="javascript"><!-- 
    function keyLogin(){ 
        if (event.keyCode==13)   //回车键的键值为13 
             document.getElementById("input1").click(); //调用登录按钮的登录事件 
        } 
// --></mce:script> 
</head>
<body onkeydown="keyLogin();"> 
 <input type="text" /> 
 <input type="text" /> 
 <input type="text" /><input type="text" /> 
 <input type="text" /><input type="text" /> 
 <!--<input id="input1" value="登录" type="button" onclick="alert('调用成功!')">--> 
<img id="input1" onclick="alert('调用成功!')"/> 
</body>
</html>