Implement EventListener instead of func juggling

js/trweb.js

@@ -37,11 +37,12 @@ class trweb {
 
         if (document.readyState === 'complete' || document.readyState === 'interactive') {
             this.#logger('Document already loaded, jumpstarting');
-            this.#handler({'type': 'DOMContentLoaded'});
+            // we don't want to re-trigger every listener, so call handler directly instead of dispatching an event
+            this.handleEvent({'type': 'DOMContentLoaded'});
         }
         else {
             this.#logger('Waiting for document to load');
-            document.addEventListener('DOMContentLoaded', this.#handler);
+            document.addEventListener('DOMContentLoaded', this);
         }
     }
 
@@ -162,7 +163,7 @@ class trweb {
         }
     }
 
-    #handler = function(e) {
+    handleEvent(e) {
         switch (e.type) {
             case 'DOMContentLoaded':
                 this.#logger('Activating TRWEB instance');
@@ -178,7 +179,7 @@ class trweb {
                 this.setTimer();
                 break;
         }
-    }.bind(this);
+    }
 
     refresh() {
         for (const [key, value] of Object.entries(this.#dom_servermanager.getServers())) {