本文详细介绍了JavaScript中的事件处理，包括表单事件如onfocus、onblur、oninput等，以及鼠标事件如onclick、onmouseover等和键盘事件如onkeyup、onkeydown。这些事件与函数结合使用，能够实现用户交互和动态网页效果。
一、什么是事件
- 事件是可以被 JavaScript 侦测到的行为
- 网页中的每个元素都可以产生某些可以触发 JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数
- 事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行
二、表单事件
| 表单事件 | 触发条件 |
|---|---|
| onfocus | 表单获得焦点触发 |
| onblur | 表单失去焦点触发 |
| oninput | 表单每次输入触发 |
| onchange | 表单内容发生改变时触发 |
| onselect | 表单文本被选取时触发 |
| onreset | 表单重置时触发 |
| onsubmit | 表单提交时触发 |
三、鼠标事件
| 鼠标事件 | 触发条件 |
|---|---|
| onclick | 鼠标点击左键触发 |
| ondblclick | 鼠标双击事件 |
| onmousemove | 鼠标移动触发 |
| onmousedown | 当鼠标按钮按下运行时 |
| ondblclick | 鼠标双击事件 |
| onmouseup | 当鼠标按钮运行时 |
| onmouseover | 当鼠标移入时 (不能阻止事件冒泡) |
| onmouseout | 当鼠标移出时 (不能阻止事件冒泡) |
| onmouseenter | 当鼠标进移入时 (可阻止事件冒泡) |
| onmouseleave | 当鼠标移出时 (可阻止事件冒泡) |
| onmousewheel | 当鼠标的滚轮运行时 |
四、键盘事件
| 键盘事件 | 触发条件 |
|---|---|
| onkeyup | 键盘按键被松开时触发 |
| onkeydown | 键盘按键被按下时触发 |
| onkeypress | 键盘按键被按下时触发 |
扫一扫
2368
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
