js總結 (7)事件

2022-01-29 20:35:27 字數 817 閱讀 7205

原始的  相容性好

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事件 全域性事...