南强小屋 Design By 杰米
做项目时遇到处理绑定“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(); /自动/触发登录按钮
}
});
*/
}
复制代码 代码如下:
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(); /自动/触发登录按钮
}
});
*/
}
标签：
回车事件,enter
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无绑定回车enter事件代码的评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。