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

  • 相关阅读:
    java线程上
    java常用类
    java面向对象4
    java 面向对象三
    java面向对象下
    java面向对象
    java基础下
    Java之Stream流
    JAVA泛型
    英语
  • 原文地址:https://www.cnblogs.com/Samuel-Leung/p/10694299.html
Copyright © 2020-2023  润新知