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; 事件处理过程中,阻止了事件冒泡,也阻止了默认行为。