![实验楼](https://dn-simplecloud.shiyanlou.com/2697891478052099532-wm) 事件实验简介 JavaScript 是事件驱动的，本节实验介绍什么是事件，并举例说明一些常用的事件。一、什么是事件 JavaScript 是基于对象的语言。这与 Java 不同，Java 是面向对象的语言。基于对象的基本特征，就是采用事件驱动。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。二、事件处理程序在某个事件发生的时候，执行特定的 JavaScript 代码（事件处理程序）。比如点击页面的某个按钮这是一个很常见的事件，执行对应的事件处理程序，弹出提示小窗口，代码如下：

0401 三、常用事件除了刚才提到的 onclick 事件，还有这些常用的事件： onclick 单击 ondblclick 双击 onfocus 元素获得焦点 onblur 元素失去焦点 onmouseover 鼠标移到某元素之上 onmouseout 鼠标从某元素移开 onmousedown 鼠标按钮被按下 onmouseup 鼠标按键被松开 onkeydown 某个键盘按键被按下 onkeyup 某个键盘按键被松开 onkeypress 某个键盘按键被按下并松开其中，onmouseover 和 onmouseout 事件可用于在鼠标移至 HTML 元素上和移出元素时触发函数。比如这一例子：

move your mouse to here

鼠标移入时，显示“good”，鼠标移出时显示“you have moved out”： 0402 onmousedown, onmouseup 是鼠标压下和松开的事件。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件。举例说明：

press here

运行结果可见，按下鼠标时，显示“release your mouse”，背景变为蓝色；松开鼠标后，显示为“press here”，背景变为绿色。 0403 作业请实现一个验证输入的功能，当输入中为空，失去焦点时弹出对话框提示“input cannot be empty”。

“Javascript基础（新版）”实验报告