Javascript 基准测试:标签中的 onclick 与 js 中的 click

发布于 2025-01-01 11:56:51 字数 329 浏览 1 评论 0原文

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

有什么区别?

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

我知道vs

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

被称为相同的函数,但是如果我有第一个选项并且 javascript 扫描鼠标悬停上的所有属性并检查所有时间,这是否是这个#button?

我知道这对于 #id 来说并不重要,但是如果有更多 .class 可能会出现问题。

I can undestand work javascript to performance.

What is the difference?

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

vs

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

I understand is called the same function, but if i have first option and javascript scan all attributes on mouseover and checking all time is it this #button?

I understand is doesn't matter for #id, but if have more .class is maybe be problem.?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

和影子一齐双人舞 2025-01-08 11:56:51

第一个是 addEventListener 的 jquery 方法(更短的方法),第二个是应用事件的元素的内联属性的更改。基本上是相同的,现在取决于浏览器如何实现它,但是根据我的尝试,如果您需要在某个时刻删除侦听器,并且它会一直保持这种状态,那么使用 addEventListener 比内联属性更可靠有时,或者您不需要一些高级js,只需使用内联版本即可更快地使用和更好的可读性。

the first is a jquery aproach to addEventListener ( a more shorter way ) the second is the change of an inline attribute for the element which applies an event. Basically it is the same, now it deppends how the browser implements it, but from what i have tried using addEventListener is more reliable than inline attribute if you need at some point to remove the listener, if it will stay that way to the end of times or you do not need some high js behind you just use the inline version for faster uses and for better readability.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文