[JavaScript]基础事件

• 当用户点击鼠标时

• 当网页加载后

• 当图像加载后

• 当鼠标移至元素上时

• 当输入字段被改变时

• 当 HTML 表单被提交时

• 当用户敲击按键时

示例演练：

我是一个div

常见的事件

---

| 属性 | 此事件发生在何时… |

| — | — |

| onabort | 图像的加载被中断。 |

| onblur | 元素失去焦点。 |

| onchange | 域的内容被改变。 |

| onclick | 当用户点击某个对象时调用的事件句柄。 |

| ondblclick | 当用户双击某个对象时调用的事件句柄。 |

| onerror | 在加载文档或图像时发生错误。 |

| onfocus | 元素获得焦点。 |

| onkeydown | 某个键盘按键被按下。 |

| onkeypress | 某个键盘按键被按下并松开。 |

| onkeyup | 某个键盘按键被松开。 |

| oninput | input输入框接收到输入内容时触发 H5 API |

| onload | 一张页面或一幅图像完成加载。 |

| onmousedown | 鼠标按钮被按下。 |

| onmousemove | 鼠标被移动。 |

| onmouseout | 鼠标从某元素移开。 |

| onmouseover | 鼠标移到某元素之上。 |

| onmouseenter | 鼠标移到某元素之上。(不支持冒泡) |

| onmouseleave | 鼠标从某元素移开。(不支持冒泡) |

| onmouseup | 鼠标按键被松开。 |

| onreset | 重置按钮被点击。 |

| onresize | 窗口或框架被重新调整大小。 |

| onselect | 文本被选中。 |

| onsubmit | 确认按钮被点击。 |

| onunload | 用户退出页面。 |

事件三要素

---

• 事件源:触发(被)事件的元素

• 事件类型:事件的触发方式(例如鼠标点击或键盘点击)

• 事件处理程序:事件触发后要执行的代码(函数形式)

事件阶段

---

事件有三个阶段:

event.eventPhase属性可以查看事件触发时所处的阶段 :

1. 捕获阶段

2. 当前目标阶段

3. 冒泡阶段

事件的捕获和冒泡

1、事件捕获

捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)

也就是从外向内

2、事件冒泡

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
id开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！