用jQuery觸發器處理自定義事件中的錯誤

Question

如何在使用JQuery觸發事件時控制錯誤處理？

我們發現，如果在處理函數中引發錯誤，它會阻止其他處理程序被調用。請參閱fiddle。

問題如下複製：

$(document).on('customEvent', function() 
{ 
    thisIsUndefined.yetIDereferencedIt; 
}); 

$(document).on('customEvent', function() 
{ 
    // Something useful happens here. 
    alert('something'); 
}); 

$(document).trigger('customEvent'); 

在上述例子中，我想要顯示的警報。因爲我不能保證我能完全控制所有的事件處理程序，所以我想要一種方法來鉤住觸發器併爲每個事件偵聽器處理錯誤。

當然，歡迎使用其他設計選項。

Answer 1

如果某個庫已經定義了事件，並且根本無法控制該事件，那麼在解除該事件後，我會重新觸發該事件，如下所示。

http://jsbin.com/uvivat/2/edit

$("a").on("click", function() { 
    Undefined.badFunc 
}); 

var prevClickEvent = $._data($("a")[0], "events")["click"][0]["handler"]; 

//console.log(prevClickEvent); 

$("a").unbind("click").on("click", function() { 
    try { 
     prevClickEvent.apply(this); 
    } catch(e) { 
     console.log(e); 
    } 
    alert("hi"); 
    return false; 
}) 

-----編輯----

要經過註冊的所有功能，

var prevClickEvents = $.extend({},$._data($("a")[0], "events")["click"]); 

$("a").unbind("click").on("click", function() { 
    var keys = Object.keys(prevClickEvents); 
    for (var i=0; i< keys.length; i++) { 
    try { 
     prevClickEvents[keys[i]]["handler"].call(this); 
    } catch(e) { 
     console.log(e); 
    } 
    } 
});