javascript - 在没有多个事件监听器的情况下检测表单提交()？

Question

我有一个 web 应用程序，我试图让它尽可能快地运行，其中一种方法是减少我附加的事件监听器的数量。

我有很多表格(大约 12 个)。我目前检查他们是否提交了:

$('#form-id').on('submit', function(){
    //actions here
});

对于每个表单。有没有一种方法可以做到这一点，但只为提交附加一个监听器？然后根据表单 ID 执行 switch 语句来决定要执行的操作？

Answer 1

对所有选定表单的 submit 事件使用委托(delegate)。 $(this) 将是当前表单。

$(document).on("submit", "form", function () {  
   // actions here
   // $(this).something...
   return false;
});

return false 用于防止默认浏览器行为。