处理大型表单中触发器和事件的最佳方法是什么？

Question

我有一个大表格有很多标签和手风琴有很多控件Select2，Bootstrap ColorPicker，还有一些需要很多代码以及转发器控件，使用户添加/删除新块和新项目将添加到DOM，所以我使用MutationObserver来监听新添加的控件和新事件，所以我使用了很多（document.body）.on（'EVENTS'）。

哪一种是处理这种大型形式的最佳方式......

1. 继续（document.body）.on（''） - 当然有几十个

   $( document.body ).on( 'EVENT', 'ELEMENT', function() {
   
         // Do Some
   
   });
   

2. 通过控件的可见性触发事件功能，如

   selector = $( document ).find( 'element:visible' );
   
   selector.each(function(){
   
         // Do Some
   
   });