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>
  • 相关阅读:
    Anaconda+Tensorflow环境安装与配置(转载)
    Win10 Anaconda下TensorFlow-GPU环境搭建详细教程(包含CUDA+cuDNN安装过程)(转载)
    设计模式之工厂方法模式VS简单工厂方法模式
    WPF之外观模式
    WPF之小动画三
    WPF之小动画二
    WPF之小动画一
    WPF之Behavior
    WPF之拖动项滚动条自滚动(当拖动项到达高度的边界时候滚动条自己可以上下滚动)
    WPF之给使用了模板的MenuItem添加快捷操作
  • 原文地址:https://www.cnblogs.com/yangzailu/p/6514325.html
Copyright © 2011-2022 走看看