關於事件的那些細節知識

關於事件的知識彙總

dom0級事件處理程式

var btn = document.getelementbyid("btn");
//新增事件
btn.onclick = function ()

//移除事件
btn.onclick = null;

優點：原因一是簡單，二是具有跨瀏覽器的優勢。

dom2級件處理程式

定義的兩個方法，用於處理指定和刪除事件處理程式的操作：addeventlistener() removeeventlistener(),他們都接受三個引數：事件處理程式名稱與事件處理程式函式和乙個布林值。最後乙個布林值如果是true，表示在捕獲階段呼叫事件處理程式；如果是false，表示在冒泡階段呼叫事件處理程式

var btn = document.getelementbyid("btn");
function handler()

//新增事件
btn.addeventlistener("click",handler,false);

//移除事件
btn.removeeventlistener("click",handler,false);

優點：可以給乙個元素新增多個事件處理程式，事件處理程式會以按照新增他們的順序執行。缺點： ie9 ，firefox，safari，chrome，和 opera 支援 dom2 級事件處理程式

ie事件處理程式 , ie 實現了與dom中類似的兩個方法：attachevent(), detachevent()，這兩個方法接收相同的兩個引數：事件處理程式名稱與事件處理程式函式，由於ie8及更早版本只支援事件冒泡，所以事件處理程式會被新增到冒泡階段

var btn = document.getelementbyid("btn");
function handler()

//新增事件
btn.attachevent("click",handler,false);

//移除事件
btn.detachevent("click",handler,false);

優點：可以給乙個元素新增多個事件處理程式，事件處理程式不是以按照新增他們的順序執行，而是以相反的順序觸發。

關於事件的那些細節知識

關於HTML的那些知識。

關於Epoll，你應該知道的那些細節

事件的那些事兒

關於事件的那些細節知識

關於HTML的那些知識。

關於Epoll，你應該知道的那些細節

事件的那些事兒

相關推薦