javascript事件の核心クイズ(継続更新)

一.基本概念:事件の流れは何ですか?どんなイベントがありますか は、 ページでイベントを受信する順序である.
具体的には DOM 142があります. はまた、イベントの開始時に最も具体的な要素(ドキュメント内のネストレベルの最も深いノード)によって受信され、その後、より具体的でないノード(ドキュメント)に逐次アップグレードされるIEと呼ばれるイベントフローである. の思想は、あまり具体的ではないノードは、イベントをより早く受信するべきであり、最も具体的なノードは、最後にノードを受信すべきである.イベントキャプチャの意図は、イベントが予定されている目標に達する前に捕獲されることである.DOM2 に規定されたイベントフローは、 : 、 、 、 を含む.まず発生したのは、事件の捕獲であり、事件の傍受に機会を与えた.そして、実際の目標はイベントを受信する.最後の段階は発泡段階であり,この段階でイベントに応答できる.簡単なHTMLページを例にして、クリックします.
<>
div>元素は下図の順番でイベントをトリガします.
二.ブラウザがサポートしている場合
IE 8およびより早いバージョンはDOMイベントフローをサポートしていません.
三.事件と事件処理手順の違い?clickは、ユーザまたはブラウザが実行する動作であり、例えば onclick();は、あるイベントに応答する関数である.
四.イベントハンドラはどのような種類に分けられますか?
1.イベントハンドラ2.DOM 0級イベントハンドラ3.DOM 2級イベントハンドラ4.IEイベントハンドラ5.ブラウザをまたぐイベントハンドラhtml :簡単で、便利な :javascriptとhtmlは緊密に結合されていて、メンテナンスと修正が不便です.DOM0 :関数式プログラミング、 IE8 DOM2 .addEventListener()で複数のイベント処理関数、すなわち複数のハンダを追加できます.

        
        html event    
        DOM0 events
        DOM2 events
        

//html event    
        function html_event(){
            alert("this a html event    ");
        }
            function g(id){
            return  document.getElementById(id);
            }

    //DOM0 events    
            var btn_dom0=g("btn_dom0");
            btn_dom0.onclick= function(){
                alert("DOM0 events    !");
            }

    //this is a DOM2 event!
            var btn_dom2=g("btn_dom2");
            function hander(){
                alert("this is a DOM2 event!");
            }
            btn_dom2.addEventListener("click",hander,false);
            //       ,
            //  :click,
            //    hander(),
            //false            hander()  ,ture