原始的 相容性好
li.onclick=fn;
乙個事件繫結多個函式的方法
li.addeventlistener("click",fn,false); [注意這裡要加引號,不要on ]
1.冒泡
碰到父子元素結構的時候,當我們給他設定事件的時候,最後的布林值設false時
就會發生「冒泡」事件,從逐往上面冒。
阻止冒泡的話 在fn大括號裡加上 event.stoppropagation();
ie:event.cancelbubble = true;
li.addeventlistener("click",function(),false);
2.事件抓捕
碰到父子元素結構的時候,當我們給他設定事件的時候,最後的布林值設true時
就產生 「事件抓捕」現象 ,擒賊先擒王 先抓捕祖級,把上面的先抓【ie沒有】觸發順序,先捕獲,後冒泡
div[0].addeventlistener('click', red ,true )
練習題1.點選哪個彈出對應的li
這裡面有個閉包的問題 我用立即執行函式解決了var licol=document.getelementsbytagname('li');
for (var i = 0; i
<
licol
.length; i++)
}(i))
}
事件高階部分
JS事件總結
一 html事件處理程式 1.dom0級事件處理程式 實際上可以在事件處理程式中通過this訪問元素的任何屬性和方法。也可以刪除通過dom0級方法指定的事件處理程式 btn.onclick null 刪除事件處理程式 dom0級只支援乙個 函式 2.dom2級事件處理程式 dom2級事件定義了兩個方...
JS事件監聽總結
定義 事件型別 是乙個用來說明發生什麼型別事件的字串 事件處理程式或事件監聽程式是處理或響應事件函式 當物件上註冊的事件處理程式被呼叫時,我們會說瀏覽器 觸發 和 派生 了事件 事件傳播 是瀏覽器決定哪個物件觸發其事件處理程式的過程 winow事件 window.load window.unload...
JS事件個人小總結
事件的概念 事件型別 在下方總結的各種事件就是事件型別 事件源 觸發這個事件的元素就叫事件源 事件 就是瀏覽器,使用addeventlistener的方法新增事件 關於事件 的更多介紹請看 事件處理程式 函式 當你觸發事件以後要執行的 塊就是事件處理程式。滑鼠事件 鍵盤事件 input事件 全域性事...