事件代理(事件委托)
事件代理又称为事件委托,一般作用于当多个相同元素需要使用同一个事件时,可以委托给他们的同一父元素上进行处理,这样会优化性能,不用给每个子元素都注册一遍事件,节省代码空间,减少代码冗余,减少事件注册;
事件委托的原理是DOM元素的事件冒泡
事件冒泡
事件冒泡是指父元素和子元素有相同的事件,当触发子元素事件时,会向上冒泡,同时也会触发父元素事件
事件冒泡又分为三个阶段:
1、捕获阶段:从window对象传导到目标节点(上层传到底层)称为“捕获阶段”,捕获阶段不会响应任何事件;
2、目标阶段:在目标节点上触发称为“目标阶段”;
3、冒泡阶段:从目标节点传导回window对象(从底层传回上层),称为“冒泡阶段”;
事件委托原理就是利用事件冒泡机制把里层所需要响应的事件绑定到外层