javascript - Javascript注册事件监听器

Question

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

jquery 中是否有任何排队机制，所以我可以发布一个事件，上面写着“prop X changed value 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 }));