javascript - 基准 Javascript : onclick in tag vs click in js

Question

我可以理解工作 javascript 对性能的影响。

有什么区别？

$('#button').click(function() { }

对比

<a href="" onclick="javascript:action"></a>

我的理解是调用相同的函数，但是如果我有第一个选项并且 javascript 在鼠标悬停时扫描所有属性并始终检查是不是这个#button？

我明白这对#id 来说无关紧要，但如果有更多的 .class 可能会有问题。？

Answer 1

第一个是 addEventListener 的 jquery 方法(更短的方法)，第二个是应用事件的元素的内联属性的更改。基本上是一样的，现在它取决于浏览器如何实现它，但是从我尝试使用 addEventListener 比 inline 属性更可靠，​​如果你需要在某个时候删除监听器，如果它会保持这种方式到结束有时，或者您不需要一些高级 js，只需使用内联版本即可更快地使用并提高可读性。