DOM事件详解
本文详细介绍了DOM事件类型，包括UI事件、焦点事件等，并解释了事件流的概念，如事件捕获和事件冒泡的过程，以及如何阻止事件冒泡的方法。
Dom事件类型：
UI事件：用户与页面上的元素交互时触发；
焦点事件：当元素获得或失去时触发；
鼠标事件：通过鼠标在页面上执行操作时触发；
文本事件：在文档中输入文本时触发；
键盘事件：当用户通过键盘在页面上执行操作时触发；
事件流：
- 事件捕获：更早接收不太具体的节点，最后接收最具体的节点。为截获事件提供机会。和冒泡事件顺序正好相对。
- 处于目标阶段
- 事件冒泡：事件开始时由具体的元素接收，然后逐层向上传播到不具体的节点。对此事件作出反应。
捕获：window对象首先接收到click事件，然后事件沿dom树依次向下，一直传播到事件的实际目标<div>元素。window ----document----<html>----<body>----<div>
冒泡：点击页面中含div的按钮，然后click事件按<div> ----<body>----<html>----document----window顺序传播。
阻止冒泡：
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为；
2.event.preventDefault(); 事件处理过程中，不阻击事件冒泡，但阻击默认行为；
3.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
