[b]一、原始事件模型[/b]
其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"
事件程序的注册可以以下几种方式:
1、JS代码作为HTML性质值
[url=help.htm]
[b]二、DOM2事件模型[/b]
这个模型参考了IE的气泡模型而制定的,它是由w3c制定的规范.在原始模型中事件一旦发生就直接调用事件句柄,没有其它的事件传播过程.而在DOM2模型中事件有一个特殊的传播过程,分为三个阶段:
(1)capturing phase:事件被从document一直向下传播到目标元素,在这过程中如果有哪个祖先元素对该事件感兴趣可以注册自己的处理函数.
(2)target phase:事件到达目标元素,执行目标元素的事件处理函数.
(3)bubbling phase:事件从目标元素上升一直到达document,虽然所有的事件类型都会经历captruing phase阶段但是只有部分事件会经历bubbling phase阶段,例如submit事件就不会被上浮.
在整个的事件传播过程中可以调用event.stopPropagation()来停止事件的传播,调用preventDefault()来阻止浏览器的默认行为.
addEventListener("eventType","handler","true!false");
removeEventListner("eventType","handler","true!false");
[b]三、IE模型[/b]
IE模型也提供了一个event对象封装了事件的详细信息,但是IE不把该对象传入事件处理函数,由于在任意时刻只会存在一个事件,所以IE把它作为全局对象window的一个属性,IE中的事件传播模式对应于DOM2的第二和第三阶段,首先执目标元素的处理函数,然后向上传播到达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().
[b]四、Netscape4事件模型[/b]
由于Netscape好像已经完全停止开发，所以就不详述了，简单的说：就是只捕捉不起泡。
以上就是javascript事件模型基本的介绍，希望能给大家一个参考，也希望大家多多支持编程素材网。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
