在前端登录时,常常是鼠标点击某个按钮登录。有的时候,是直接点击回车键进行相关的登录。
一 定义前端界面
有一个登录按钮,id为login
<button type="button" class="btn btn-default" id="login">登录</button>
二 按钮登录
在jQuery中:
$(document).ready(function () { //单击登录按钮,执行on_click方法。 $("#login").click(on_click); });
三 回车键登录
对整个document进行相应的监听
/* 捕捉Enter事件 */ $(document).keydown(function(event) { event = event || window.event; //window.event,是为了兼容IE event.preventDefault(); //按下了回车键 if (event.keyCode == 13) { // 进行登录的操作,与点登录铵钮一样 on_click(); } //如果是多个按钮,如ctrl+回车键时 /*if ( event.keyCode ==13 && event.ctrlKey ) { on_click(); }*/ });
四 定义登录方法 on_click()
//具体的登录方法 function on_click(){ //具体的登录操作 }
五 对照表