為了處理這種情況，需要嘗試將__proto__屬性中相應的屬性進行刪除，由于原生類型的屬性帶有DontDelete標記，是無法使用delete關鍵字進行刪除的，因此對hasEvent函數(shù)附加以下的邏輯就可以更安全地判斷：

var temp; 
if (supported && (temp = proto[name]) && delete proto[name]) { 
supported = name in element; 
proto[name] = temp; 
}

邏輯很簡單，嘗試把__proto__中有可能附加上去的刪了再試一試，當然別忘了再把原來的值變回去。

Firefox開始BUG

很遺憾，前文提供的hasEvent函數(shù)并不能在Firefox完美工作，在Firefox中運行以下代碼將得到false的結(jié)果：

alert('onclick' in document.documentElement); //Firefox彈出false

因此，需要再次改造hasEvent函數(shù)以支持Firefox。在多數(shù)瀏覽器中，當元素使用內(nèi)聯(lián)方式注冊了事件之后，可以通過element.on[事件名]來獲取注冊在上面的函數(shù)對象，例如：

<button id="test" onclick="alert('CLICKED!');" ontest="alert('TEST!');">CLICK ME</button> 
<script type="text/javascript"> 
var button = document.getElementById('test'); 
alert(typeof button.onclick); //彈出function 
alert(typoef button.ontest); //彈出string 
</script>

因此，只需要通過Javascript將一個表示函數(shù)的字符串掛載到on[事件名]屬性（attribute）上，再去獲取并判斷是否得到了一個函數(shù)對象即可。

因此hasEvent函數(shù)在前文提供的方法返回false時，可以額外增加以下的代碼以進一步確定事件是否存在：

if (!supported) { 
element.setAttribute(name, 'return;'); 
supported = typeof element[name] == 'function'; 
}

Firefox繼續(xù)BUG

到現(xiàn)在為止，已經(jīng)可以在兼容多數(shù)瀏覽器的情況下檢測各DOM元素的事件，但是對于window對象的事件檢測還沒有一個完整的方案。

對于IE系列、Chrome和Safari，都可以使用簡單的on[事件名] in window檢測事件是否存在，因此原有的提供防止DOM污染后的hasEvent函數(shù)可以很好地完成任務。

唯有Firefox上，以下代碼會給出錯誤的結(jié)果：

alert('onload' in window); //Firefox彈出false 
alert('onunload' in window); //Firefox彈出false 
alert('onerror' in window); //Firefox彈出false

值得慶幸也值得憤怒的是，F(xiàn)irefox很詭異地可以在div等元素上檢測到以上3個事件，這直接導致對普通DOM元素檢測事件的錯誤，也導致我們可以檢測到window上的事件。好在一般開發(fā)者也不會去一個div之類的元素上檢測是否有unload事件。因此補充hasEvent函數(shù)，將window上的事件導向一個div對象來檢測部分事件：

if (!supported) { 
if (!element.setAttribute || !element.removeAttribute) { 
element = document.createElement('div'); 
} 
element.setAttribute(name, 'return;'); 
supported = typeof element[name] == 'function'; 
element.removeAttribute(name); 
}

至此，一個較為完整的hasEvent函數(shù)完成了，雖然在Firefox上還存在一些問題，比如以下的代碼：

alert(hasEvent('unload', document.createElement('div')); //Firefox彈出true

但是在99%的應用場合之下，這個函數(shù)是可以正確的工作的。

添加緩存

為了進一步提高hasEvent的工作效率，考慮到DOM規(guī)范規(guī)定的事件數(shù)量不多，可以對通用的事件（即不指定檢測的元素對象）檢測添加緩存機制。

添加了緩存之后，最終完整的hasEvent函數(shù)如下：

var hasEvent = (function () { 
var tags = { 
onsubmit: 'form', onreset: 'form', 
onselect: 'input', onchange: 'input', 
onerror: 'img', onload: 'img', onabort: 'img' 
}, 
cache = {}; 

return function(name, element) { 
name = name.indexOf('on') ? 'on' + name : name; 
//命中緩存 
if (!element && name in cache) { 
return cache[name]; 
} 
element = element || document.createElement(tags[name] || 'div'); 
var proto = element.__proto__ || {}, 
supported = name in element, 
temp; 
//處理顯示在元素的__proto__上加屬性的情況 
if (supported && (temp = proto[name]) && delete proto[name]) { 
supported = name in element; 
proto[name] = temp; 
} 
//處理Firefox不給力的情況 
//Firefox下'onunload' in window是false，但是div有unload事件（OTL） 
if (!supported) { 
if (!element.setAttribute || !element.removeAttribute) { 
element = document.createElement('div'); 
} 
element.setAttribute(name, 'return;'); 
supported = typeof element[name] == 'function'; 
element.removeAttribute(name); 
} 
//添加到緩存 
cache[name] = supported; 
return supported; 
}; 
})();

Mutation Event