什么是原始事件模型

这几天一直在写 原始事件模型 却弄不清楚到底是什么意思.今天上网查了查..总算略知一二..我把看到的东西拿过来给大家看看..

原地址:http://www.blogjava.net/dhcn/archive/2008/01/08/js_eventmodel_summary.html

作者: 简单

[size=x-large]JS事件模型小结 [/size]

前几天看dojo的文档，其中多次提到DOM2事件模型，以前学习这部分的内容，主要愤慨于IE的不兼容性了，现在对于DOM2事件模型的概念又有些模糊，所以翻出了JS权威指南(V4)又复习了一下，简单作一小结。

JS权威指南中将JS事件模型分为四种

1、原始事件模型:属性事件处理模式

2、标准事件模型:DOM2对其作了标准化

3、IE事件模型(IE5.5\IE6)

4、 Netscape事件模型

[size=large]原始事件模型 [/size]

也就是基本事件处理，其实我们大多数人使用的JS事件处理模式都是这种代码方式。

其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"

事件程序的注册可以以下几种方式:

1、JS代码作为HTML性质值

<input type="button" value="Press me" onclick="alert('thanks');" 
           

2、事件处理程序作为JS属性

附注：文档中的每个HTML元素在文档树(DOM)中都有一个相应的JS对象，这个JS对象的属性对应于那个HTML元素的性质，无论作为HTML性质的JS代码还是作为JS属性的时间处理程序，其本身的属性都是函数"function".

作为JS属性的例子：

html背景：

<form name="f1">
<input name="b1" type="button" value="Press Me"/>
</form>
           

第一种赋值方式: 第二种赋值方式:

function plead()
{
   window.status="Please Press Me!";
}
document.f1.bi.onmouseover=plead;
           

作为JS属性的事件处理程序可以用JS属性显式调用

document.myfrom.onsubmit();

事件处理程序可以返回fale来阻止浏览器执行事件的默认动作，常用的如对onsubmit的操作。例外是对超链接mouseover的window.status显示事件的阻挡，是返回true.

例如:

<a href="help.htm" target="_blank" rel="external nofollow"  onmouseover="window.status='help';return true;">help</a>
           

JS函数运行在词法作用域中，也就是定义他们的作用域中，因此作为HTML性质的JS事件处理程序，作用域链比较特殊，其头是调用对象(既这段JS代码),下一个对象是触发事件的对象既event.currentTarget,其后就是其包容层元素。整个作用域链的精确构成依赖于具体实现。