Javascript 性能 ? - 将事件放在 html 标签中，或绑定(bind)它们？

Question

我想知道哪个对性能更好......我有一个“网络应用程序”之类的东西。它有很多javascript。单击按钮时，隐藏的 div 变为可见。这个新的 div 有 5 个按钮。哪个对性能更好:

1.) 将按钮点击事件放在每个按钮的 html 标签中，例如 onClick="alert('hey');"2.) 当 div 可见时将事件附加到每个按钮，然后当我隐藏包含按钮的 div 时删除事件？

我问的原因是因为我想如果 html 标记中的事件一直存在，页面可能会陷入困境。我认为当用户可以看到按钮以单击它们时，页面可能会更快地只包含这些事件。

任何帮助都很棒!谢谢!

Answer 1

我会使用 event delegation 。

通过这种方式，您可以自由添加/删除任何按钮，而不必担心在每个按钮上附加事件。这种方法的内存效率也更高，因为您始终只有一个事件处理程序，而不是每个按钮上直接有 N 个事件处理程序。