jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

发现一个小点,先前没有注意的

stopPropagation: function() {
var e = this.originalEvent;

if ( e.stopPropagation ) {
e.stopPropagation();
}

  jQuery重载stopPropagation函数调用的本地事件对象的stopPropagation函数阻止冒泡。也就是说,阻止冒泡的是当前节点,而不是事件源。

  说到触发事件,我们第一反应是使用$(…).click()这种方式触发click事件。这种方式毫无疑问简洁明了,如果能使用这种方式推荐使用这种方式。但是如果是自定义事件呢?比如定义一个$(document).on(“chuaClick”,”#middle”,fn);这种情况怎么触发事件?这就要用到$(“#middle”).trigger(“chuaClick”)了。

a.触发事件低级API——jQuery.event.trigger

  trigger函数对所有类型事件的触发提供了支持。这些事件主要分为两类:普通浏览器事件(包含带有命名空间的事件如”click.chua”)、自定义事件。因为要统一处理,所以函数内部实现没有调用.click()这种方式来对普通浏览器事件做捷径处理,而是统一流程。处理过程如下

  1.获取要触发的事件(传入的event可能是事件类型而不是事件对象)

event = event[ jQuery.expando ] ? event :new jQuery.Event( type, typeof event === “object”

© 版权声明

相关文章

暂无评论

none
暂无评论...