JSのon change onclick…よくある事件

JSでよく使われる5つのイベントonclick nochange onload onsubmit onblur
JS事件
一、事件とは?イベントは、コンピュータ入力デバイスとページの相互作用による応答です.私たちは事件と呼びます.
一般的なイベント:

onload          
onclick     
onblur      
onchange              select                  
onsubmit                              。

二、イベントの登録は静的登録と動的登録の二種類に分けられます.
静的登録イベント:

                        
                   javaScript     ，           。

動的登録イベント:

            ，            。
                           function     。

動的登録は二段階に分けて歩く必要があります.

   ，       
   ，      .    = function(){  }

イベント1、onclick(以下、静的登録クリックイベントの例)

   function onclickEvent(){
       alert("                           ！！");
   }

イベント2、onload(以下、スタティックローディング)イベントは、ブラウザでページローディングが完了した後です.自動トリガの応答

 

    alert("onloadFun()                   ！");

     function onloadFun(){

    //alert("       ！    ");

    //  javaScript ，              ：
    //    ，       

    //get   
    //Element   （       ）
    // by      ，  
    // id  id  


    var spanObj = document.getElementById("span01");

     alert(spanObj.innerHTML);

    //  alert(spanObj);


    //    ，         

   // innerHTML                  html    

    //alert( spanObj.innerHTML ); 

   //spanObj.innerHTML = "xxxxxx";

  //     date        

var date = new Date();

 //             

var dateStr = date.toLocaleString();
alert("      script         span     ！！     ");

     spanObj.innerHTML = dateStr;
}

 




           


      span      onload                     

《2》動的登録onloadとonclickイベント(イベントロード完了イベントをクリックしてください)

       alert("             ");
    /*
        onload          
    */


    window.onload = function() {

//      alert("       ！");
//                ：
//         ，       
        var buObj = document.getElementById("bu01");
//      alert(buObj);


//         ，      .    = function(){  }
         alert("                    ！！");
        buObj.onclick = function(){
            alert("                          ！");
        }
    }





          

                  

イベントの3つのonblurダイナミックおよび静的登録(焦点を失うイベント)

 alert("                      ！！");

    //onblur     script  

    function onblurFun(){
        alert("       ！");
    }



    //                

    window.onload = function() {

        alert("                           ");

        //   ，       

        var passObj = document.getElementById("password");
        //  alert(passObj);

        //   ，      .    = function(){}

        alert("                      onblur  ");


        passObj.onblur = function() {
            alert("        onblur     ");
        }
    }








  :

  :

  :



 

イベント4 onchangeダイナミックかつスタティック登録(内容変更イベント発生)

function onchangeFun(){
    alert("     onchage   ");
}

alert("                       onchange     ");


//         
window.onload = function() {

    // 1.  id        select    
    var selectObj = document.getElementById("select01");

    // 2.      .    = function(){}
    alert("                   onchange   ");

    selectObj.onchange = function() {
        alert("       onchange   ");
    }
}





         ：

           
           
       





         ：

       
       
      



     

イベント5 onsubmitダイナミックおよび静的登録(内容変更イベント発生)

function onsubmitFun() {
    alert("         ……");

    //   1           ，       return false;          
    alert("      ，    ");

    return false;

    //   2           
    alert("        ，    ，         ");
    return true;
}







    


       :