JavaScript 对象的事件处理程序

软件技术 前端
1

事件由浏览器动作如浏览器载入文档或用户动作诸如敲击键盘、滚动鼠标等触发，而事件处理程序则说明一个对象如何响应事件。

在早期支持JavaScript 脚本的浏览器中，事件处理程序是作为HTML 标记的附加属性加以定义的，其形式如下：<input type="button" name="MyButton" value="Test Event" onclick="MyEvent()">下面的例子演示鼠标单击时事件的触发过程：[code]

Sample Page!

[/code]结果显示，鼠标单击“MyButtonA”按钮，弹出警告框“MyButtonA is clicked!”；单击“MyButtonB”按钮，弹出警告框“MyButtonB is clicked!”，可以看出这个方法模拟了事件 所表示的动作。

753×603

753×603

在 DOM 中，可以通过调用对象事件处理程序的方式来触发这个事件：document.MyForm.MyButtonA.onclick()同时，可以将事件处理程序作为对象的属性来触发事件，例如：[code]

Sample Page! [/code]上面代码的核心语句document.MyForm.MyText.onfocus=MyEvent()表示将自定义的函数MyEvent( )赋给对象的事件处理程序onfocus( )，即给onfocus( )赋予了节点属性的特征。

注意：由于对事件处理程序属性做的任何变化都会随着文档的重载而消失，因此建议将事件处理程序作为脚本的一部分，像方法一样调用。