JS登陆页面:Tab\焦点\回车（无form表单）

最新推荐文章于 2023-11-03 00:20:31 发布

会飞的猪Pippa

最新推荐文章于 2023-11-03 00:20:31 发布

阅读量666

点赞数

文章标签： javascript 登陆

本文链接：https://blog.csdn.net/pippa134679/article/details/70226974

版权

认真看，你可以的……………

<body onkeydown="on_return();"><!--回车键绑定登陆按钮click事件-->
<div class="login">
<input type="text" placeholder="Email" id="user_login"  tabindex="1">
<input type="password" placeholder="密码" id="user_password"  tabindex="2">

<!--tabindex是Tab键顺序-->
<input type="submit" value="登录" id="user_submit"  tabindex="4"/>
</div>
</body>

<script type="text/javascript">

//打开页面输入框获取焦点
function wp_attempt_focus(){
setTimeout( function(){ try{
d = document.getElementById('user_login');
d.focus();
d.select();
} catch(e){}
}, 200);
}
wp_attempt_focus();
if(typeof wpOnload=='function')wpOnload();

//回车时，默认是登陆;回车键的ASCII码是13
 function on_return(){
 if(window.event.keyCode == 13 || window.event.which == 13){  //兼容IE`Chrome：keyCode、Fiox：which
  if (document.all('user_submit')!=null){
   document.all('user_submit').click();
   }
 }
 }
</script>