JS - 常用的HTML对象响应事件汇总（DOM Events）
为了实现与页面元素的交互，就需要用到 JavaScript 事件。JavaScript 事件是在特定的事件发生时，由 HTML 元素发出的通知。
1，常用的HTML对象事件
| 事件名 | 说明 | 适用元素 |
| onClick | 鼠标单击元素时触发 | 所有元素 |
| onMouseOver | 鼠标悬停在元素上时触发 | 所有元素 |
| onMouseOut | 鼠标从元素上移开时触发 | 所有元素 |
| onKeyDown | 按下某个键时触发 | select、input、textarea、a、button |
| onKeyUp | 释放某个键时触发 | select、input、textarea、a、button |
| onFocus | 控件接收到焦点时触发（也就是鼠标指针位于控件中，可以输入的时候） | select、input、textarea、a、button |
| onBlur | 焦点从控件移开时触发 | select、input、textarea、a、button |
| onChange | 修改了控件中的值之后触发（对于文本框，当移动到下一个控件时才会触发） | select、input type="text"、textarea |
| onSelect | 选择输入控件中的部分文本时触发 | input type="text"、textarea |
| onError | 浏览器下载图片失败时触发（通常是因为 UR L错误） | img |
| onLoad | 浏览器下载完新页面或加载完对象（如图片）时触发 | img、body |
| onUnload | 浏览器卸载页面时触发（在浏览器地址栏输入新 URL 或点击链接时发生，而且是在浏览器加载新页面前发生） | body |
2，事件属性名的大小写
在 JavaScript中，函数、变量和对象名都是区分大小写的。而事件属性名却不区分大小写，比如下面两种写法效果是一样的：<img src="hangge.png" onmouseover="showMessage()"> <img src="hangge.png" onMouseOver="showMessage()">
这是因为从技术角度来讲，它们都是 HTML 标记，而HTML标记允许属性是任意大小写形式。
虽然如此，还是建议我们事件属性名全部小写，这样也更加符合 XHTML 的书写规则。
