WEB开发网
开发学院网页设计JavaScript Jquery源码分析---Event分析 阅读

Jquery源码分析---Event分析

 2010-09-14 13:36:25 来源:WEB开发网   
核心提示: 注册了事件,如onclick,Jquery源码分析---Event分析(7),那么当用户点击这个元素时,就会自动触发这个事件的已经注册的事件处理函数,如果已经注册了,那就是在原来的事件处理函数之后执行,但是我们有的时候要采用程序来模拟事件的触发就得采用强迫触发某个事件,在IE中我们可以采用

注册了事件,如onclick。那么当用户点击这个元素时,就会自动触发这个事件的已经注册的事件处理函数。但是我们有的时候要采用程序来模拟事件的触发就得采用强迫触发某个事件。在IE中我们可以采用.fireEvent()来实现。如:<form onsubmit="a()" >中,如果button的form.submit()的方式提交表单,是不会主动触发onsumbit事件的,如果必须的话,就要在submit前$(“:form”)[0].fireEvent("onsubmit”,),这样就会触发该事件。

在mozilla中有三个步骤:  var  evt  =  document.createEvent('HTMLEvents');

evt.initEvent('change',true,true);  t.dispatchEvent( evt );

在prototype是采用这样的方式来实现的。那么jquery中呢,它的实现方式有一点不一样。

trigger : function(type, data, fn) {
return this.each(function() {
    jQuery.event.trigger(type, data, this, true, fn);
      }); },

Trigger有三个参数,data参数是为了注册的事件函数提供了实传。如果data[0]中preventDefault存在,data[0]就可以做为用户自定义的包裹事件的空间。Fn是可以为事件提供一个即时即用的事件处理方法。也就是在没有注册事件的情况下也可以通过传入处理函数来处理事件。如果已经注册了,那就是在原来的事件处理函数之后执行。

  //这个方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作.
triggerHandler : function(type, data, fn) {
return this[0]&& jQuery.event.trigger(type,data,this[0],false,fn);
  },

上一页  2 3 4 5 6 7 8 9 10  下一页

Tags:Jquery 源码 分析

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接