代码之家 › 专栏 › 技术社区 › Rajat

处理所有子元素的父级事件时的javascript性能基准

javascript-events

0

Rajat · 技术社区 · 16 年前

在父节点的冒泡阶段处理多个子元素的事件是常见的。但是,我不确定其中是否存在性能问题。例如,考虑以下结构:

<div id="parent">
    <div>child1</div>
    <div>child2</div>
    <div>child3</div>
</div>

现在,如果我想处理每个子类的onclick,我可以将处理程序附加到每个子类,或者只将一个处理程序附加到父类,因为事件将冒泡。

那么,如果好奇,最佳实践是什么?这两种方法中是否存在性能问题。

1 回复 | 直到 16 年前

1

0

Christian C. Salvadó 16 年前

如果你有很多孩子,我建议你去 Event Delegation .

根据经验,我可以告诉您将事件处理程序添加到 非常大 元素的数量可能会给您带来性能问题、内存泄漏和浏览器锁定(主要在IE中)。

在这些情况下,活动授权是一个非常简单、轻松和良好的选择。