js/jq按回车键触发动作

最新推荐文章于 2025-08-05 15:13:51 发布

原创最新推荐文章于 2025-08-05 15:13:51 发布 · 558 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了三种使用JavaScript实现在网页上通过按下回车键来触发表单提交的方法。第一种方法直接监听文档的keyup事件并检查事件键码是否为13（回车键）。第二种方法同样检查键码但加入了登录表单字段的验证。第三种方法提供了一个通用的按键监听函数，并根据不同浏览器区分了键码获取方式。

介绍三种方法
 1.$(document).keyup(function(event){
        if(event.keyCode ==13){
          //可以调用别的提交方法也可以自己写提交方法
            add();
        }
    });

 2.if (event.keyCode==13) {
        if($('.loginuser').val()=="" || $('.loginpwd').val()==""){
            alert("用户名或密码不能为空");
        }else{
            $('.loginbtn').submit();
        }
    }

3.//执行键盘按键命令
function keyDown(e){ 
 var keycode = 0;
 //IE浏览器
 if(CheckBrowserIsIE()){
  keycode = event.keyCode;
 }else{
 //火狐浏览器
 keycode = e.which;
 }
 if (keycode == 13 ) //回车键是13
 {
  //document.getElementById("login").click();
  document.getElementById("loginform").submit();
 }
}
//判断访问者的浏览器是否是IE
function CheckBrowserIsIE(){
 var result = false;
 var browser = navigator.appName;
 if(browser == "Microsoft Internet Explorer"){
  result = true;
 }
 return result;
}
 

最后只需要在body中加入：<body onkeydown="keyDown(event);">。