JS綁定事件的三種方式

JS綁定事件有3種方式：

　　  1 行內綁定

       2 動態綁定

       3 DOM2綁定

JS綁定事件的3種方式:    
        DOM綁定:
            方式: onclick="m1()"
            缺點:不符合W3C關於內容和行爲分離的基本規範;
        動態綁定:
            方式: btn.onclick = function(){}
　　　　　　　　　　清除: btn.onclick = null;
            優勢:符合w3c中關於內容與行爲分離的基本規範，實現html與js的分離
            缺點:同一個節點只能添加一次同類型事件,若是添加屢次,最後一個生效
        事件監聽:
            方式: 綁定addEventListener(event,function);
                  移除removeEventListener(event,function);
                注意:經過匿名函數綁定的事件沒法移除
            IE瀏覽器11只支持addEventListener
            IE瀏覽器8~11二者都支持
            IE瀏覽器8版本如下綁定事件:
                  綁定:attachEvent();
                       detachEvent();

3種方式的this指向:
　　DOM綁定: this指向window
　　動態綁定: this指向觸發元素
　　DOM2綁定: this指向觸發元素

1 行內綁定

2 動態綁定 

 

 3 DOM2綁定