JavaScript Event学习第四章：传统的事件注册模型

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示： 1<ahref="somewhere.html"> 这里的A标签就有一个onclick参数，在JavaScript里面就成为了A元素的属性，JavaScript Event学习第四章：传统的事件注册模型(2)，那些古老的浏览器的事件处理程序只能通

1　<a　href="somewhere.html"　> 

这里的A标签就有一个onclick参数，在JavaScript里面就成为了A元素的属性。那些古老的浏览器的事件处理程序只能通过在页面源代码里面设置元素的参数这个办法来注册。如果你想让这个脚本在所有的A标签执行，那么你就需要再所有的链接上面加上onclick事件。

有了传统事件注册模型的到来，这些onclick，onmouseover或者HTML元素的其他事件处理就都可以通过JavaScript来注册了。现在你可以添加、修改或者删除一些事件处理程序而不用动HTML的一丝一毫。当你通过DOM来访问HTML元素的时候你就可以像下面这样写代码了：

1　element.onclick　=　doSomething; 

现在我们的示例函数doSomething()就注册在了element元素的onclick属性上，而且当用户点击了这个元素函数就会执行。注意事件的名字必须都是小写。

删除这个事件处理程序，只要简单的让点击事件为空就行了：

1　element.onclick　=　null; 

事件处理程序跟普通的JavaScript函数一样。即使事件没有发生的时候他也能执行。如果你则这样写：

1　element.onclick() 

那么doSomething一样会执行。虽然如果是一个不知道做什么或者产生错误的函数，这也没有真实的事件发生。所以这是一种很少用来执行事件处理程序的方法。

微软的IE5.5和更高版本的IE还有一个fireEvent()方法来完成同样的事情。使用如下：

1　element.fireEvent('onclick') 

没有括号

需要注意的是注册一个事件处理程序的时候你不能使用括号。onclick方法会被设置成为另外一个函数。如果你这样写

编缉推荐阅读以下文章

编辑录入：爽爽　[复制链接] [打印]