文章目录
使用 JavaScript 对事件做出反应的实例。
输入事件
- onblur - 当用户离开输入字段时
- onchange - 当用户更改输入字段的内容时
- onchange - 当用户选择下拉值时
- onfocus - 当输入字段获得焦点时
- onselect - 当输入文本被选取时
- onsubmit - 当用户点击提交按钮
- onreset - 当用户点击重置按钮
- onkeydown - 当用户按下/按住某个键时
- onkeypress - 当用户按下/按住某个键时
- onkeyup - 当用户释放按键时
- onkeyup - 当用户释放按键时
- onkeydown vs onkeyup - 两者
鼠标事件
- onmouseover/onmouseout - 当鼠标经过一个元素时
- onmousedown/onmouseup - 当按下/释放鼠标按钮时
- onmousedown - 当按下鼠标时:提示点击了哪个元素
- onmousedown - 当点击鼠标时:提示点击了哪个按钮
- onmousemove/onmouseout - 当把鼠标指针移入/移出 div 时
- onmouseover/onmouseout - 当把鼠标指针移入/移出图像时
- onmouseover - 将鼠标悬停在图像映射上
点击事件
- 对 onclick 事件作出反应
- onclick - 单击按钮时
- ondblclick - 双击文本时
加载事件
- onload - 页面加载后
- onload - 图像加载后
- onerror - 当图像加载时发生错误
- onunload - 当浏览器关闭文档时
- onresize - 当浏览器窗口大小被调整时
其他
- 按键的键码是什么?
- 光标的坐标是什么?
- 相对于屏幕的光标坐标是什么?
- 是否按下 shift 键?
- 发生何种事件类型?
例子解释