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

  • 相关阅读:
    用YSLOW分析页面速度
    字节与字符的区别
    五小步大幅提高firefox页面加载速度【转载】
    Asp.netUpload(大文件上传) 终于找到一个可以用的了
    (续), 这个是我比较满意的
    共享一些变态的签名,希望不太OLD
    C#入门代码
    最后是所有的附件和一些他们的文章
    JavaScript日期处理函数大全
    加密解密Url的类
  • 原文地址:https://www.cnblogs.com/jxldjsn/p/10915875.html
Copyright © 2020-2023  润新知