您的位置：首页 > Web前端 > JQuery

jquery 实现回车登陆详解及实例代码

2016-11-06 16:26 676 查看
这篇文章主要介绍了jquery 实现回车登录详解的相关资料,整理了几种方法及简单实现实例，需要的朋友可以参考下

jquery 实现回车登

1.button按钮提交方式

?
1

2

3

4

5

6

7

8

9

10
//按钮事件


$(‘
#btnSumit‘).click(function()
{


  
alert(‘测试‘);


});


 
//回车提交事件


$(
"body"
).keydown(
function
()
{


  
if

(event.keyCode ==
"13"
)
{
//keyCode=13是回车键


    
$(‘
#btnSumit‘).click();


  
}


}); 


2.form表单提交方式

　　a.使用jquery

?
1

2

3

4

5
$(
"body"
).bind(‘keyup‘,
function
(event)
{ 


  
if
(event.keyCode==13){


    
document.form.submit();


  
}  


});  


　　b.非jquery　

?
1

2

3

4

5

6
<body
onkeyup=
"autosubmit()"
>
//添加监听事件


function

autosubmit(){
//事件触发函数


 
if
(event.keyCode==13){


   
document.form.submit();


 
}  


}

以上这篇文章就是我分享给大家的全部内容了，希望能给大家一个参考。 


 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航