檢測事件捕獲支持javascript

Question

有沒有辦法檢測瀏覽器是否支持事件捕獲以及事件冒泡？我檢查了http://modernizr.com/，但在文檔中看不到任何信息。

我認爲IE9不支持事件捕獲，但在其他瀏覽器中應該可以嗎？

爲了清楚起見，我想檢測瀏覽器是否支持事件DOM模型的事件捕獲階段以及事件冒泡階段。

Answer 1

對此可能有更好的方法，但這是我想出的第一件事。您將需要創建一個元素，一個事件處理程序綁定到它在捕捉階段，就可以觸發一個事件，在事件處理程序檢查eventPhase屬性：

var button = document.getElementById("example"); 

document.addEventListener("click", function (e) { 
    console.log(e.eventPhase); // 1 === capture, 2 === target, 3 === bubble 
}, true); 

evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
button.dispatchEvent(evt); 

你可能會希望在各種添加的其他支票（例如支持dispatchEvent），您需要在代碼中實際創建button元素（並將其插入到DOM中，隱藏）。

這裏有一個fiddle包含上面的代碼，讓你開始。