jquery - jQuery 中的自定义事件未绑定(bind)到 DOM 元素？

Question

我很好奇是否可以在 jQuery 中创建一个不绑定(bind)到 DOM 元素的自定义事件。

与 YUI 相比，我更喜欢 jQuery，但我喜欢 YUI 中的一件事，那就是创建自定义事件并能够稍后订阅它们。

例如，这将创建一个绑定(bind)到变量而不是 DOM 元素的事件:

var myevent = new YAHOO.util.CustomEvent("mycustomevent");

我读过的 jQuery 的所有示例和文档都需要类似:

$('body').bind('mycustomevent', function(){
    //do stuff
});

Answer 1

您可以在 jQuery 中触发这样的自定义全局事件:

jQuery.event.trigger('mycustomevent', [arg1, arg2, arg3]);

这些将触发任何元素。

由于 jQuery 是围绕 DOM 对象构建的，因此您必须将事件绑定(bind)到 DOM 对象。您可能也可以找到某种方法来绑定(bind)没有元素的事件(您确实做到了)，但这不是受支持的方法。

正如您在自己的答案中所写，如果您不想将事件绑定(bind)到单个页面元素，则可以将事件绑定(bind)到全局 DOM 对象:

$(document).bind('mycustomevent', function (e, arg1, arg2, arg3) { /* ... */ });