调用addEventListener数百次

Question

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

在HTML页面上使用JavaScript和它的addEventListener数百次会是一个好主意吗?这需要很多系统资源吗?

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

有更好的选择吗?

谢谢你的意见和建议。

Answer 1

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

确保所有元素都有相同的类，并且

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