JavaScript事件代理简述

事件代理是JavaScript常用的绑定事件技巧把原本要处理的事情委托给父元素

利用的是DOM元素事件冒泡

可以提高性能, 节省内存占用, 减少事件注册

例如:

例如有一千多个li元素要判断点击

就应该把点击事件委托给父元素

当点击到的时候再去判断具体的是点到哪个, 不然就很耗性能

JavaScript事件代理简述_第1张图片
image

当li被点击时,由于冒泡原理,事件就会冒泡到ul上,因为ul上有点击事件,所以事件就会触发,当然,这里当点击ul的时候,也是会触发的,

Event对象提供了一个属性叫target,可以返回事件的目标节点,我们成为事件源通过target来判断点击到的是哪一个li

JavaScript事件代理简述_第2张图片
image

你可能感兴趣的:(JavaScript事件代理简述)