#事件 ##一、收获 ###**1 什么是事件** 通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。 ###**2 事件处理程序** 在某个事件发生的时候，执行特定的 JavaScript 代码（事件处理程序）。比如点击页面的某个按钮这是一个很常见的事件，执行对应的事件处理程序，弹出提示小窗口，代码如下： ```

``` ###**3 常用事件** 除了刚才提到的 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”： https://dn-anything-about-doc.qbox.me/JS_2015/0402.gif onmousedown, onmouseup 是鼠标压下和松开的事件。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件。举例说明： ```

press here

``` 运行结果可见，按下鼠标时，显示“release your mouse”，背景变为蓝色；松开鼠标后，显示为“press here”，背景变为绿色。 https://dn-anything-about-doc.qbox.me/JS_2015/0403.gif ##二、作业 **input可以创建一个输入框，button创建一个按钮** ![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517843868255-wm)![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517843908765-wm)![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517843913892-wm)

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