JavaScript事件

JavaScript事件

事件是基于对象或面向对象语言中，执行程序的一种机制。在一个事件中会存在事件源、事件处理者和事件触发者三个对象。事件触发者触发了事件源，事件源就会给事件处理者发送一个执行信息，事件处理者获取信息后执行并将执行结果返回。如单击一个按钮，显示一个对话框，其中鼠标为事件触发者，按钮为事件源，弹出对话框的程序为事件处理者。

在JavaScript事件机制中，通常以HTML标记作为事件源，如按钮、段落标记p等。事件触发者可以是鼠标或键盘，事件处理者就是学习的JavaScript程序。这也是前面提到的使用JavaScript的第三中方式。

JavaScript中常用的事件如表8-15所示：

上述表中，常用的事件有onClick、onChange和onLoad事件。现在创建一个案例，演示JavaScript事件执行过程和原理。打开记事本，输入下列代码：

将上述代码保存，名称为Event.html。直接单击该网页，并在显示窗口中单击惠通科技公司，会显示如图8-6所示窗口：

图8-6 全屏显示窗口

在上述代码中，鼠标充当了事件触发者，按钮为事件源，JavaScript函数为事件处理者，在该函数中，主要使用Windows对象的open方法显示全屏窗口，其中方法moveTo用来设置显示窗口的坐标位置，resizeTo方法表示窗口的大小。