调用addEventListener数百次

时间:2016-06-25 22:49:18

标签: javascript jquery html

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

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

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

有更好的选择吗?

感谢您的意见和想法。

1 个答案:

答案 0 :(得分:1)

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

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

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

})