实验目的：学习了解js事件实验环境： bracket firefox 实验内容：实验简介 JavaScript 是事件驱动的，本节实验介绍什么是事件，并举例说明一些常用的事件。一、什么是事件 JavaScript 是基于对象的语言。这与 Java 不同，Java 是面向对象的语言。基于对象的基本特征，就是采用事件驱动。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。二、事件处理程序在某个事件发生的时候，执行特定的 JavaScript 代码（事件处理程序）。比如点击页面的某个按钮这是一个很常见的事件，执行对应的事件处理程序，```

``` 三、常用事件除了刚才提到的 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 事件。举例说明：实验结论结果：失去焦点并不理解 js的外部引用并不能引用定义的函数 ![](https://dn-simplecloud.qbox.me/432ba1f07cfb92b8593a526b013e1f6f-wm) ![](https://dn-simplecloud.qbox.me/269a6d867e2d5aa920d4e295854f3e02-wm) ![](https://dn-simplecloud.qbox.me/38172472e7d9fcec65a1c5656ff37c2a-wm)

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