分享

按回车键跳转页面

 每天学一点7 2014-01-27
经常用到的一个功能,当我们输入完账号密码后直接按回车进入下个页面,比拿起鼠标再去点击“登录”略显人性化
做的一个测试页,代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript">
function on_return()
{
  if(window.event.keyCode == 13) //13,代表回车按键
 {
   if (document.all('sub')!=null){
      document.all('sub').click();
      }
  }
}

function check()
{
    var user = document.getElementById("user").value;
var pwd  = document.getElementById("pwd").value;
if(user == 'aa' && pwd == 'bb')
{
  alert("success");
}
}
</script>
</head>

<body onkeydown="on_return();">
<form>
<input type="text" name="username" id="user" />username
<br />
<input type="text" name="pass" id="pwd"  />password
<br />
<input type="submit" id="sub" value="sub" onClick='check()' />
</form>
</body>
</html>





    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约