文档库 最新最全的文档下载
当前位置:文档库 › 网页前端登录js按Enter回车键实现登陆的两种方法

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

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

面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考

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

第一种:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.wendangku.net/doc/028925681.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="https://www.wendangku.net/doc/028925681.html,/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回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考

相关文档