Ereignis-Listener nach jeder Seite Compoundierung aktualisieren

Question

Also habe ich dieses Tutorial verwendet ein eigenes Rechtsklick-Menü für einige Diagramme zu erstellen: https://www.sitepoint.com/building-custom-right-click-context-menu-javascript/

Es ist großartig zu arbeiten, aber ich habe ein Problem mit den Zuhörern. Insbesondere wenn contextListeners und clickListeners-Funktionen aufgerufen werden, werden Ereignislistener hinzugefügt, wenn die Seite geladen wird. In meiner Anwendung habe ich jedoch eine Schaltfläche, die diese Diagramme neu zeichnet und die Seite neu lädt, an die das benutzerdefinierte Kontextmenü angeschlossen ist, und jedes Mal, wenn neue Listener erstellt werden. Als Ergebnis wird die mit dem Rechtsklick-Menü verbundene Funktion zweimal aufgerufen, wenn ich zwei verschiedene Graphen lade, und dreimal, wenn ich sie dreimal lade. Hier ist die Funktion, die aufgerufen wird immer, und hält das Hinzufügen Zuhörer

function contextListener() { 
         document.addEventListener("contextmenu", function(e) { 
          taskItemInContext = clickInsideElement(e, taskItemClassName); 
          if (taskItemInContext) { 
           e.preventDefault(); 
           toggleMenuOn(); 
           positionMenu(e); 
          } else { 
           taskItemInContext = null; 
           toggleMenuOff(); 
          } 
         }); 
        } 

und in einer späteren Funktion habe ich versucht:

document.removeEventListener("contextmenu", function(e) { 
          console.log("removed"); 
         }); 

aber das scheint nicht den Trick zu tun.

Answer 1

i don`t verstehen Sie auch in Frage stellen, aber man kann versuchen, diese:

function contextListener() { 
       if(!document.handAddcontext){ 
        document.handAddcontext = true 
        document.addEventListener("contextmenu", function(e) { 
         taskItemInContext = clickInsideElement(e, taskItemClassName); 
         if (taskItemInContext) { 
          e.preventDefault(); 
          toggleMenuOn(); 
          positionMenu(e); 
         } else { 
          taskItemInContext = null; 
          toggleMenuOff(); 
         } 
        }); 
       } 

       }