javascript大事模型介绍_

1、javascript大事模型介绍_ 在各种扫瞄器中存在三种大事模型:原始大事模型( original event model),DOM2大事模型,IE大事模型.其中原始的大事模型被全部扫瞄器所支持,而DOM2中所定义的大事模型目前被除了IE以外的全部主流扫瞄器支持。 一、原始大事模型 其大事类型:分为输入大事(如onclicki)和语义大事(如onsubmit) 大事程序的注册可以以下几种方式: 1、JS代码作为HTML性质值 代码如下: input type=button value=Press me onclick=alert(thanks); 2、大事处理程序作为JS属性 附注：文档中的

2、每个HTML元素在文档树中都有一个相应的JS对象，这个JS对象的属性对应于那个HTML元素的性质，无论作为HTML性质的JS代码还是作为JS属性的时间处理程序，其本身的属性都是函数function. 代码如下: form name=f1 input name=b1 type=button value=Press Me/ /form 第一种赋值方式: 代码如下: document.f1.b1.onclick=function()alert(thanks); 其次种赋值方式: 代码如下: function plead()window.status=Please Press Me!; documen

3、t.f1.bi.onmouseover=plead; 作为JS属性的大事处理程序可以用JS属性显式调用 代码如下: document.myfrom.onsubmit(); 大事处理程序可以返回fale来阻挡扫瞄器执行大事的默认动作，常用的如对onsubmit的操作。例外是 对超链接mouseover的window.status显示大事的阻挡，是返回true.例如: 代码如下: a href=help.htm onmouseover=window.status=help;return true;help/a 二、DOM2大事模型 这个模型参考了IE的气泡模型而制定的,它是由w3c制定的规范.在原

4、始模型中大事一旦发生就挺直调用大事句柄,没有其它的大事传播过程.而在DOM2模型中大事有一个特别的传播过程,分为三个阶段: (1)capturing phase:大事被从document始终向下传播到目标元素,在这过程中假如有哪个祖先元素对该大事感爱好可以注册自己的处理函数. (2)target phase:大事到达目标元素,执行目标元素的大事处理函数. (3)bubbling phase:大事从目标元素上升始终到达document,虽然全部的大事类型都会经受captruing phase阶段但是只有部分大事会经受bubbling phase阶段,例如submit大事就不会被上浮. 在完全的大

5、事传播过程中可以调用event.stopPropagation()来停止大事的传播,调用preventDefault()来阻挡扫瞄器的默认行为. 代码如下: addEventListener(eventType,handler,true!false); removeEventListner(eventType,handler,true!false); 三、IE模型 IE模型也供应了一个event对象封装了大事的具体信息,但是IE不把该对象传入大事处理函数,由于在任意时刻只会存在一个大事,所以IE把它作为全局对象window的一个属性,IE中的大事传播模式对应于DOM2的其次和第三阶段,首先执目

6、标元素的处理函数,然后向上传播到达document,ie中只能能捕捉鼠标大事,而DOM2中可以捕捉全部的大事,IE中注册和删除大事处理函数的方法也不同于DOM2. 大事处理函数的注册和删除是通过元素的attachEvent(eventType,handler) and detachEvent(eventType,handler ),与dom2不同的是eventType有on前缀 特点： 1、传播过程只起泡，不捕捉。起泡中断方法： window.ecent.cancelBubble=true; 2、Event对象不是大事处理程序的函数参数，而是window的全局变量。 3、大事注册函数:attachEvent()和反注册：detachEvent(). 四