Javascript 事件 - 内联与 ​​.on(..),它创建了多少个处理程序?

标签 javascript jquery events onclick inline

假设我有这个代码,带有内联 onclick 事件的按钮:

<button onclick='..js stuff..'>mybutton</button>

由于服务器端循环,我多次创建了此按钮。

或者我最好为这些按钮提供一个类,然后执行(使用 jQuery):

$(".button-class").on('click',function(){..});

在性能方面什么更好?

我的问题是- 在内联 onclick 中,它是否为每个按钮创建一个处理程序?
在 jQuery 事件绑定(bind)中,处理程序是否只创建一次,并为每个按钮绑定(bind),或者,这里处理程序也被创建多次?

我猜这些是影响性能差异的因素。也许 .on(..) 的唯一缺点是我必须按类名进行 DOM 搜索。 (?)

最佳答案

答案是:没关系。

使用后者(jQuery 绑定(bind)),因为它将代码从 DOM 中移开并使其更易于使用。

关于Javascript 事件 - 内联与 ​​.on(..),它创建了多少个处理程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25678534/

相关文章:

javascript - 对象中的最高值,用键显示,javascript

c++ - 当用户启动注销/关机操作时停止应用程序

c# - 我需要取消订阅我的表格中的事件吗?

javascript - jquery-steps 缺少 CSS 文件

javascript - 如何获得前2个单词?

Javascript - 如何知道 Fetch API 中响应的类型?

javascript - 如何根据 td 为 tr 添加 css 属性

javascript - 共享事件 Highcharts

javascript - 当元素到达网页中的某个位置时,如何固定元素的位置?

javascript - 如何在 twitter Bootstrap WYSIWYG5 中获取编辑器对象