javascript - jQuery 事件构造函数

Question

我用 jquery tools 做了一些工作我已经开始浏览 twitter bootstrap src .

我注意到的一件事是使用 $.Event 构造函数来触发事件。

在许多情况下，(例如 Bootstrap 模式)您会发现像这样触发的事件:

var e = $.Event('show');

this.$element.trigger(e);

我不明白为什么这比直接调用更好:

this.$element.trigger('show');

所以我很想知道使用 jQuery 事件构造函数有哪些优势。我在文档中读到您可以将任意属性附加到事件，这对我来说很有意义。然而，我不明白的是，如果您根本不向事件添加任何属性，为什么使用构造函数可能是有利的。

有人可以向我解释为什么 $.Event 构造函数比使用事件字符串调用触发器更有优势吗？

非常感谢

Answer 1

如果您想稍后向事件添加属性，它会更灵活；它可以帮助您了解事件触发后的状态，例如，如果有人调用 stopPropagation()或 preventDefault() .

除此之外，jQuery 将简单地获取事件类型 (string)，将其包装在 $.Event 对象中并对其进行规范化。这是发生这种情况的 jQuery 的相关源代码:

event = typeof event === "object" ?
     // jQuery.Event object
     event[ jQuery.expando ] ? event :
     // Object literal
     jQuery.extend( jQuery.Event(type), event ) :
     // Just the event type (string)
     jQuery.Event(type);