jquery 在页面中按回车 响应 事件

时间:2023-03-09 03:56:44
jquery 在页面中按回车 响应 事件

为了用户方便我们往往会在用户回车之后做一些事,比如登陆的时候,填完表单过后,我们习惯性的会直接按回车,当然要处理这个,jquery是很简单的,我们来看看怎么做吧。

 $(document).ready(function(){

     $(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event :e;
if(ev.keyCode==13) {
$("#btnAnchorLogin").trigger("click");
}
}
}); $("#btnAnchorLogin").click(function(){
if($("#sUser").attr("value")=="")
{
alert("用户名不能为空!");
$("#sUser").focus();
}
else if($("#sPsw").attr("value")=="")
{
alert("密码不能为空!");
$("#sPsw").focus();
}
else if($("#imgCode").attr("value")=="")
{
alert("验证码不能为空!");
$("#imgCode").focus();
}
});
});

这样就在按回车的时候相当于点击登陆按钮了。高手勿喷。

某个控件:
$('#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的顺序来做。