enter键触发事件

最新推荐文章于 2024-06-07 18:06:56 发布

qq_29069777

最新推荐文章于 2024-06-07 18:06:56 发布

阅读量171

点赞数

分类专栏：前端文章标签： javascript

原文链接：https://www.mk2048.com/blog/blog.php?id=hbbi1cj2b1kj&title=enter%E9%94%AE%E8%A7%A6%E5%8F%91%E4%BA%8B%E4%BB%B6

版权

前端专栏收录该内容

1175 篇文章 2 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
   .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
  </style>
  <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 </head>
 <body>
  <input type="text" class="pass"  value="" />
  <div id="enter" class="login"  onclick="enter_login();"> 登录</div>
  <script type="text/javascript">
      function enter_login(){
        var pwd = $(".pass").val();
            if(pwd==""){
                alert(1);
            }else{
                alert(2);
            }
    }
    document.onkeydown = function (e) {
            if (!e) e = window.event;
            if ((e.keyCode || e.which) == 13) {
                $(".login").click();
            }
        }
  </script>
 </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
   .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
  </style>
  <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 </head>
 <body onkeydown="keyLogin(event);">
  <input type="text" class="pass"  value="" />
  <div id="enter" class="login"  onclick="enter_login();"> 登录</div>

  <script type="text/javascript">
      function enter_login(){
        var pwd = $(".pass").val();
            if(pwd==""){
                alert(1);
            }else{
                alert(2);
            }
    }
      function keyLogin(event){  
                if (event.keyCode==13){
                    document.getElementById("enter").click(); 
                }                                
            }  
  </script>
 </body>
</html>