Javascript 注册事件侦听器

Question

在我的应用程序中，我有几个不同的小部件。当一个人做出改变时，其他人也需要改变。我想让它们脱钩。我没有做过太多的javascript编程，所以我不太确定这样做的典型方法是什么。

jquery 中是否有任何排队机制，以便我可以发布一个显示"prop X 更改值 Y"的事件，并且可以通知注册到该队列的任何人？或者这不是在javascript中处理事件的典型方法吗？

Answer 1

在jquery中，它很简单，您可以使用与标准事件相同的机制。

//register listener for "widget"
$("div#firstWidget").bind("myCustomEvent", function(e){
    alert(e.customFlag);
});
//somewhere else trigger event on widget
var e = $.Event("myCustomEvent");
e.customFlag = "customValue";
$("div#firstWidget").trigger(e);

您还可以提供一个全局事件总线，创建 emtpy jquery 对象来保存和调度事件

window.myEventBus = $([]);
//register listener
myEventBus.bind("customEvent", function(e){
    //handle event
});
//fire event
myEventBus.trigger($.Event("customEvent", { numProp:5, boolProp:true }));