• 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();
           }

  • 相关阅读:
    Git for Windows之基础环境搭建与基础操作
    TFS2018环境搭建一单实例安装(适用于小型团队)
    TFS2018环境搭建一硬件要求
    Proxy代理模式(结构型模式)
    Flyweight享元模式(结构型模式)
    Facade外观模式(结构性模式)
    Decorator装饰者模式(结构型模式)
    Composite组合模式(结构型模式)
    mybatis中 #{} 和 ${} 的区别
    解决mybatis中#{}导致的The error may involve defaultParameterMap的问题
  • 原文地址:https://www.cnblogs.com/jxldjsn/p/10915875.html
Copyright © 2020-2023  润新知