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>
  • 相关阅读:
    go请求第三方接口(这种方法借助了第三方的依赖实现的)
    go接收前端传过来的方式
    mysql.connector.errors.OperationalError: MySQL Connection not available.
    celery服务
    spring之lookup-method、replaced-method
    spring源码解析(3)-BeanDefinition
    spring源码解析(2)-XmlBeanFactory
    spring源码解析(1)Resource
    Springboot动态装载卸载Bean
    java设计模式之中介者
  • 原文地址:https://www.cnblogs.com/yangzailu/p/6514325.html
Copyright © 2011-2022 走看看