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

       }