我正在重写我几年前创建的网站的代码，我想知道处理元素上的点击事件的最有效方法是什么？
我有一个带有编辑链接的项目列表，它们都是用 onclick="..." HTML 属性编写的。那样更好还是我应该使用 $.bind() 或 addEventListener 来处理它？最佳做法是什么？
最佳答案
利用所谓的 unobtrusive javascript 被认为是最佳实践.这意味着您将 HTML 的布局与元素的行为分开。因此，您可以在标记中布局 DOM 结构，然后通过 javascript 附加事件处理程序，而不是使用混合元素结构和行为的 onclick 属性。
这意味着将 javascript 用于附加的事件处理程序被认为是最佳实践，如下所示:
<html>
<script>
... bind event handlers to your DOM and set behaviours here
</script>
<body>
.... layout your DOM here
</body>
<html>
这有利于长期代码的可维护性和可扩展性。这种方法非常适用于 javascript 库，例如 jQuery。
就性能而言，您可以通过使用智能缓存策略的不显眼的 javascript 方法来实现性能提升。
有关不显眼的 javascript 的更多信息，请参阅 here
关于javascript - onclick 属性与 eventListeners，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14552797/