javascript - 调用 addEventListener 数百次

Question

假设我在 HTML 页面上有数百个提交按钮。单击提交按钮时，它会调用名为 TiedotNettiin 的 JavaScript 函数，该函数使用 jQuery.post() 向网络服务器发送一些信息。

在 HTML 页面上使用 JavaScript 及其 addEventListener 数百次是个好主意吗？这需要很多系统资源吗？

或者设置时间间隔并运行我的 JavaScript 函数 TiedotNettiin(比方说，每 10 秒一次)会更好吗？它将等待 10 秒，收集 10 秒内的所有点击，创建一个数组，最后将包含所有新信息的数组发送到服务器。这将每 10 秒发生一次，而不是每次点击提交按钮。

有更好的选择吗？

感谢您的意见和想法。

Answer 1

当一个委托(delegate)监听器就足够时，不需要数百个事件监听器。

确保所有元素具有相同的类并执行

$(document).on('click', '.button-class', function(event){
  event.preventDefault();
  /* "this" is element event occured on */
  // do ajax with data relevant to this button

})