当前位置:首页 > 教程中心 > 网页代码

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

所属栏目:网页代码 时间:2017-10-12 来源:网络 作者:不详 点击:

jquery 实现回车登

1.button按钮提交方式

//按钮事件
$(‘#btnSumit‘).click(function() {
  alert(‘测试‘);
});
 //回车提交事件
$("body").keydown(function() {
  if (event.keyCode == "13") {//keyCode=13是回车键
    $(‘#btnSumit‘).click();
  }
});

2.form表单提交方式

  a.使用jquery

$("body").bind(‘keyup‘,function(event) { 
  if(event.keyCode==13){ 
    document.form.submit(); 
  }   
});

b.非jquery 

<body onkeyup="autosubmit()">//添加监听事件 
function autosubmit(){//事件触发函数 
 if(event.keyCode==13){ 
   document.form.submit(); 
 }   
}


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: