javascript事件绑定的方法说明

javascript事件绑定的方法说明

ID:8976006

大小:27.82 KB

页数:10页

时间:2018-04-13

javascript事件绑定的方法说明_第1页
javascript事件绑定的方法说明_第2页
javascript事件绑定的方法说明_第3页
javascript事件绑定的方法说明_第4页
javascript事件绑定的方法说明_第5页
资源描述:

《javascript事件绑定的方法说明》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、事件使得客户端的JavaScript有机会被激活,并得以运行。在一个Web页面装载之后,运行脚本的唯一方式,就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来,简单的事件被实现为JavaScript的一部分;但是大多数最近出现的浏览器都实现了强壮的事件模型,使脚本可以更加智能地处理事件。现在的问题在于:为了支持各种浏览器,您必须和多个先进的事件模型做斗争,准确地说,是三个。  这三个事件模型分别和下面的文档对象模型(DocumentObjectModel,即DOM)三巨头结盟:NetscapeNavigato

2、r4(NN4),Macintosh和Windows系统的InternetExplorer4及其更新版本(IE4+),以及在Safari中得到实现的W3CDOM。尽管这些模型之间有些地方存在一些本质的差别,但是在一些简易的JavaScript的帮助下,它们都可以同时适用于同一个文档。本文主要着眼于相互冲突的事件模型中的两个关键方面:   ·把一个事件和HTML元素绑定起来的方法。    ·在事件被触发后如何对之进行处理。事件绑定的方法  事件绑定是指构造一个响应系统或者用户动作的HTML元素的过程。在不同的浏览器版本中,有不少于

3、五种事件绑定技术。下面我们快速地介绍一下这些技术。事件绑定方法I:绑定元素属性最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性。事件属性名称由事件类型外加一个“on”前缀构成。尽管HTML属性并不是大小写敏感的,人们还是定义了一个规则,规定事件类型的每一个“词”的首字母大写,比如onClick和onMouseOver。这些属性也被称为事件处理器,因为它们指示了元素如何“处理”特定的事件类型。正确的事件处理器属性的值在形式上是被引号包含的JavaScript语句。最常见的值是一条调用某个脚本函数的语句,而被调用的

4、函数在位于文档前部的...

6、name"onChange="convertToUpper(this)">...事件绑定方法II:绑定对象属性对于NN3+和IE4+这两类浏览器,脚本编程人员可以以脚本语句的方式把事件绑定到对象上,而不是绑定到元素标识的属性上。每一个负责事件响应的元素对象都为自己能够识别的事件设置了相应的属性。对象属性名称是元素标识属性的小写形式,比如onmouseover。NN4还接受interCap(即首字小写,之后的每一个词的首字大写)版本的属性名,但是考虑到跨浏览器的兼容性,所有字母都是小写的名称会更安全一些。当您把

7、一个函数的引用赋值给一个事件属性的时候,就发生了绑定。函数的引用是指函数的名称,但是不带函数定义中的括号。因此,如果要为一个名为myButton的按键的点击事件(click)进行绑定,使之激活一个定义为myFunc()的函数,则其赋值语句如下所示:document.forms[0].myButton.onclick=myFunc;您应该注意一点:在事件触发的时候,没有办法向事件函数传递参数。本文在稍候对事件处理过程的讨论中还会回顾这个问题。事件绑定方法III:绑定IE4+标识在IE4+中,Microsof

8、t对