1. 程式人生 > >js中一個函式處理多個事件的方式

js中一個函式處理多個事件的方式

通常可能需要給某個元素繫結多個事件處理程式,此時普通法辦法是一個一個綁,但下邊有一個更高大上的方法,就是利用event.type屬性。將所有事件的實現全部放在一個函式中,然後用event.type判斷物件繫結的事件型別。

var oBox = document.getElementById("box");

var handle = function(e) {
e = e||window.e;
switch(e.type) {
case "click":
//執行程式碼
break;
case "mouseenter":
//執行程式碼
break;
case "mouseleave":
//執行程式碼
break;
}
}
oBox.onclick = handle;
oBox.onmouseenter = handle;
oBox.onmouseleave = handle;