JavaScript
事件传播机制
事件传播分成三个阶段:
- 捕获阶段:从window对象传导到目标节点(上层传到底层)称为“捕获阶段”(capture phase),捕获阶段不会响应任何事件;
- 目标阶段:在目标节点上触发,称为“目标阶段”;
- 冒泡阶段:从目标节点传导回window对象(从底层传回上层),称为“冒泡阶段”(bubbling phase)。事件代理即是利用事件冒泡的机制把里层所需要响应的事件绑定到外层;
事件委托
定义:利用事件的冒泡机制,在父元素上监听子元素的行为。
优点:
- 减少重复的事件绑定,节省内存开销;
- 可以实现当新增子对象时无需再次对其绑定,即动态绑定事件;
此项目在记账输入面板上使用了事件委托。