网页前端登录js按Enter回车键实现登陆的两种方法

2019-11-20 10:06:52

字体：大中小

来源：转载

供稿：网友

很简单的代码，这里介绍两种方法给大家、

第一种：

<!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>Check Score</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>

第二种：

<script>function KeyDown(){  if (event.keyCode == 13)  {    event.returnValue=false;    event.cancel = true;    Form1.btnsubmit.click();  }}</script>使用方法：<form name="Form1" method="">用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()>密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()><input type="submit" name="btnsubmit" value="提交" /></form>

以上这篇网页前端登录js按Enter回车键实现登陆的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：jQuery事件的绑定、触发、及监听方法简单说明

下一篇：BootstrapTable与KnockoutJS相结合实现增删改查功能【二】