zoukankan      html  css  js  c++  java
  • enter键触发事件

    <!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>

    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 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>
  • 相关阅读:
    nginx和phpfpm保持长连接
    单件模式+打开窗体+窗体构造函数参数
    Java REST框架一览(转)
    什么原因成就了一位优秀的程序员?(转)
    使用 sqlRest 将数据库转换为 REST 风格的 Web 服务(转)
    浏览器插件之ActiveX开发系列(转载)
    Java JSON技术框架选型与实例(转)
    SQL参数绑定
    ab压力测试工具使用
    Jintegra使用注意事项
  • 原文地址:https://www.cnblogs.com/yangzailu/p/6514325.html
Copyright © 2011-2022 走看看