绑定回车enter事件代码

181 阅读 0 评论 120 点赞

我是靠谱客的博主含蓄台灯，最近开发中收集的这篇文章主要介绍绑定回车enter事件代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

做项目时遇到处理绑定“enter”键的情况，直接把情景代码截取出来了。代码如下：

复制代码代码如下:

 
function sendLoginData(){ 
loginvalidateForm(); 

$(document).keydown(function(event){ 
if(event.keyCode == 13){ //绑定回车 
$('#login-submit').click(); /自动/触发登录按钮 
} 
}); 

$('#login-submit').click(function(){ 
if($('#login-form').valid()==false){ 
return false; 
} 

var username = $('#id_username').val(); 
var password = $('#id_password').val(); 
$.ajax({ 
type:"post", 
dataType:"json", 
contentType:"application/x-www-form-urlencoded;charset=UTF-8", 
url:"{% url netPan.User.views.LoginHd%}", 
data:{ 
username: username, 
password: password 
}, 
beforeSend: function(){ 
//提示信息，提高用户体验度 
$('#loginInfoWord').show().text('正在处理，请稍后...'); 
}, 
success:function(data){ 
var message = data.message; 
if(message == 'D'){ 
//提示信息，提高用户体验度 
$('#loginInfoWord').show().text('登陆成功，正在跳转...'); 
window.location.href = '{% url netPan.index.IndexHd%}'; 

}else if(message == 'C'){ 
$('#loginInfoWord').show().text('用户名或密码错误'); 
}else if(message == 'N'){ 
$('#loginInfoWord').show().text('您还没有注册！'); 
}else if(message == 'H'){ 
$('#loginInfoWord').show().text('您还未激活账号，快登录邮箱激活账号吧！'); 
} 
}, 
error: function(xhr,textStatus,errorThrown){ 
$('#loginInfoWord').show().text('发生异常:'+errorThrown); 
} 

}); 

}); 

/* 放在上面下面都可以，跟顺序无关 

$(document).keydown(function(event){ 
if(event.keyCode == 13){ //绑定回车 
$('#login-submit').click(); /自动/触发登录按钮 
} 
}); 

*/ 
} 