<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>按enter键触发事件和记住账号密码</title> <script> //方法一： // document.onkeypress=function(e){ // var keycode=document.all?event.keyCode:e.which; // if(keycode==13){ // alert_login(); // }; // } //方法二： document.onkeypress = viewKeyInfo; function viewKeyInfo(e) { var e = e || event; if ((e['keyCode'] == 13) || (e['which'] == 13)) { alert_login(); } } function body_onload(){ if (1 == get_saveauth_cookies()) { var tmp_user = ''; var tmp_pwd = ''; tmp_user = get_user_cookies(); tmp_pwd = get_pwd_cookies(); document.getElementById("tt_user").value = tmp_user; document.getElementById("pd_pwd").value = tmp_pwd; document.getElementById("chx_save_auth").checked = true; } } function alert_login(){ if (document.getElementById("chx_save_auth").checked == true) { var cookies_uesr = document.getElementById("tt_user").value; var cookies_pwd = document.getElementById("pd_pwd").value; setcookie('loginuser', cookies_uesr, 1440); setcookie('loginpwd', cookies_pwd, 1440); setcookie('saveauth', 1, 1440); } else { setcookie('saveauth', 0, 1440); } location = "https://www.baidu.com"; } function setcookie(name,value,expirehours) { var cookieString=name+'='+escape(value); if (expirehours>0) { var date=new Date(); date.setTime(date.getTime()+expirehours*3600*1000); cookieString = cookieString + '; expires=' + date.toGMTString(); document.cookie = cookieString; } document.cookie=cookieString; } function getcookie(name) { var strCookie=document.cookie; var arrCookie=strCookie.split('; '); for (var i=0;i<arrCookie.length;i++) { var arr=arrCookie[i].split('='); if (arr[0]==name) return unescape(arr[1]); } return ''; } function get_user_cookies() { var tmp_val = getcookie('loginuser'); return tmp_val; } function get_pwd_cookies() { var tmp_val = getcookie('loginpwd'); return tmp_val; } function get_saveauth_cookies() { var tmp_val = getcookie('saveauth'); return tmp_val; } </script> </head> <body onload="body_onload()"> <p>user:<input type="text" id="tt_user"/></p> <p>password:<input type="password" id="pd_pwd"/></p> <p><input type="checkbox" id="chx_save_auth"/>save password</p> <p><input type="button" value="login"/></p> <!--<input type="button" value="login"/> javascript:alert_login()与alert_login()无区别 --> </body> </html>
以上这篇JS实现登录页面记住密码和enter键登录方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持查字典教程网。
【JS实现登录页面记住密码和enter键登录方法推荐】相关文章：
★ JavaScript基于setTimeout实现计数的方法