zoukankan      html  css  js  c++  java
  • js 各种事件 如:点击事件、失去焦点、键盘事件等

    事件驱动:
            我们点击按钮 按钮去掉用相应的方法。
            
            demo:
                 <input type="button" value="点击" onclick="func()">
                 function func(){
                         alert(1);
                       
                       }
            事件:
                onclick 点击
                onblur:失去焦点
                onfocus  得到焦点
                
                
                onkeydown 按下键盘
                onkeyup   松开键盘
                onkepress  按住键盘
                
                
                onmousedown 按下鼠标
                onmouseup  松开鼠标
                onmouseover 把鼠标放到上面
                ommousemove 移动鼠标
                onmouseout  移开鼠标
                
                
                onload  :页面加载
                onchange:改变
                onsubmit  :表单提交。
                
        如何绑定事件:

            (1)<input type="button" value="点击" onclick="fun()">
                    function fun(){
                   
                     alert(1);
                   
                   }
            (2) document.getElementById("bt").onclick=function(){
             
                         alert(2);
                    
                     }       
                        
            (3) onload页面加载
                     window.onload=function(){/*  页面加载完了以后 在执行onload里面的方法  */}
                    
                     
        失去焦点得到焦点小案例
            
          <input type="text" id="te" onblur="fun();"/><br/>
          <input type="text" id="xt"  onfocus="func()" size="50"/>
        
          function fun(){
               /* 失去焦点  */
               var vas = document.getElementById("te").value;
           
               alert(vas);
           
           }
           
           function func(){
              /* 得到焦点 */
              var da = new Date();
              document.getElementById("xt").value=da.toLocaleString();
           }

  • 相关阅读:
    Nginx 禁止IP访问
    Nginx服务优化详解
    adb不响应
    intent.addFlags(Intent.FLAG_ACTIVITY_NO_HISTORY);
    【翻译】Android避免内存泄露(Activity的context 与Context.getApplicationContext)
    内存泄露情况
    AndroidManifest笔记
    RecyclerView设置verticalSapcing等
    Fragment回调顺序及getActivity()为NullPointerException解决方法
    git tag
  • 原文地址:https://www.cnblogs.com/Samuel-Leung/p/10694299.html
Copyright © 2011-2022 走看看