jquery 在页面中按回车 响应 事件
为了用户方便我们往往会在用户回车之后做一些事,比如登陆的时候,填完表单过后,我们习惯性的会直接按回车,当然要处理这个,jquery是很简单的,我们来看看怎么做吧。
1 $(document).ready(function(){ 2 3 $(function(){ 4 document.onkeydown = function(e){ 5 var ev = document.all ? window.event :e; 6 if(ev.keyCode==13) { 7 $("#btnAnchorLogin").trigger("click"); 8 } 9 } 10 }); 11 12 $("#btnAnchorLogin").click(function(){ 13 if($("#sUser").attr("value")=="") 14 { 15 alert("用户名不能为空!"); 16 $("#sUser").focus(); 17 } 18 else if($("#sPsw").attr("value")=="") 19 { 20 alert("密码不能为空!"); 21 $("#sPsw").focus(); 22 } 23 else if($("#imgCode").attr("value")=="") 24 { 25 alert("验证码不能为空!"); 26 $("#imgCode").focus(); 27 } 28 }); 29 });
这样就在按回车的时候相当于点击登陆按钮了。高手勿喷。
某个控件:
$('#id').keydown(function(e){
if(e.keyCode==13){
$('#FormId).submit(); //处理事件
}
});
if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了
如果想模拟Tab键,只要写成 if (window.event.keyCode==13) window.event.keyCode=9 就行了,它会跳到另一个元素上。
当然可以用css的顺序来做。