高级事件-事件委托
高级事件-事件委托
事件委托也称为事件代替,在jQuery里面称为事件委派。
原理:
不是每个子节点单独设置事件监听器,而是将事件监听器设置在父节点上,然后利用冒泡原理影响设置每个子节点。
作用:
我们只操作了一次DOM,提高了程序的性能。
案例
给ul 注册点击事件,然后利用事件对象的target 来找到当前点击的li,因为点击li ,事件会冒泡到ul 上,ul 有注册事件,就会注册事件监听器。
事件委托也称为事件代替,在jQuery里面称为事件委派。
原理:
不是每个子节点单独设置事件监听器,而是将事件监听器设置在父节点上,然后利用冒泡原理影响设置每个子节点。
作用:
我们只操作了一次DOM,提高了程序的性能。
案例
给ul 注册点击事件,然后利用事件对象的target 来找到当前点击的li,因为点击li ,事件会冒泡到ul 上,ul 有注册事件,就会注册事件监听器。