DOMイベントモデルとInternet explorerイベントモデルの結合メカニズム


DOMイベントモデルとInternet explorerイベントモデルの結合メカニズム
   異なるブラウザ(chrome、Safari、Firefox、Opera、Internet Explorer)は独自のイベント機構を持っています.その中はマイクロソフトのInternet Explorerに属しています.
   イベントバインディングの方法で言ってください.
    より良いブラウザ間の特性を保証するために、ブラウザとは無関係なイベントバインディング方法を採用することが推奨されている.
バインドされたHTML要素の属性
このようなイベントバインディング方式は簡単に使用できます.
イベントプロセッサをバインドする時はHTMLページコードを直接修正する必要があり、以下のような不利益をもたらす.
HTML要素の属性を直接修正し、ページ論理の複雑さを増加させました.
開発者は直接HTMLページを修正する必要があり、チームワーク開発に不利です.
しかし、javaScript関数を呼び出したときにパラメータが入ることができます.典型的には、this、eventなどの特殊な意味のパラメータが入ってきます.
バインディングDOMオブジェクトのプロパティ
Dockment.forms[n].onsubmit=check;
DOMオブジェクトの属性に結びつけると、この属性値はJavaScript関数の参照にすぎないので、関数の後に括弧を追加しないでください.括弧を追加すると、関数を呼び出すことになり、DOMオブジェクトのOclickなどの属性に戻ります.
DOMモデルのイベント機構で提供されるイベントバインディング機構
object Target.addEventListener(「eventType」、handle、captureFlagge)この方法は、object Targetバインディングイベントプロセッサhandlerであり、その最初のパラメータはイベントタイプ文字列(前のイベント属性をプレフィックスから除外する)onであり、例えばclick、mousedown、keyressなどである.二つ目のパラメータはイベント処理関数です.第3のパラメータは、イベントの伝播を監督するどの段階を指定しますか?


    
     DOM     




// var gotClick1 = function(event) { // document.getElementById("results").innerHTML += " : " + event.currentTarget + "<br />"; } // function gotClick2(event) { // document.getElementById("results").innerHTML += " :" + event.currentTarget + "<br />"; } // testbn ( ) document.getElementById("testbn") .addEventListener("click" , gotClick1 , true); // testbn ( ) document.getElementById("testbn") .addEventListener("click" , gotClick2 , false); // div ( )。
addEventListener()方法に対応して、DOMもイベントプロセッサを削除する方法を改善しました.この方法はremoveEventListenerです.
object Target.removeEvent Listener(「eventType」、handler、capture Flaag)
この方法は、object Targetのイベントプロセッサhandlerを削除します.
Internet explorerは2つの独自のイベントバインディング方法をサポートします.これらの2つの方法はいずれもHTML要素に付加的な属性を追加する必要はない.
internet explorer 4.0および更新されたバージョンでは、microsoffは>for


HTML>属性値は、この>Event>scriptラベルがこれらの2つの属性を指定すると、このラベル内のすべてのスクリプトがこの要素の対応するイベントをバインドしていることを示します.span>


<p class=“p 0”style=“magin-bottom:0 px;magin-top:0 px;”<



        
       script for        






    alert("     ");


 
  

attachEvent

DOMObject.attachEventeventName,functionReference

eventNameonmousedownfunctionReference



    
       attachEvent         




    var test = function()
    {
        alert("    ");
    }
    //  attachEvent      
    document.getElementById("bn1").attachEvent(" , test);


<div class=“Section 0”>

atachEvent()



atachEvent()font-family:& 39;times new roman& 39; は、1つのイベントプロセッサfont-size:14 pxを するために される.font-family: "


font-size:14 px;font-famimily:& 39;times new roman&am 39;"">""span style="font-size="14 px;font-family:& 39;times new roman& 39;;;;"""font-size:14 px;font-family:&am 39;times new roman&am 39;;"、font-family:39;times new roman&am 39;font-family: "