Bir öğenin üzerinde olay dinleyicisi olup olmadığını kontrol edin. jquery

Question

Bir öğenin olay dinleyicisi olup olmadığını, üzerinde aşağıdaki gibi bir satır içi işlev kullanırsam nasıl denetlenir. çünkü işlevi geri çağıran ve olay dinleyicisini ekleyen bir işlevim olduğu için, bir işlevi iki kez tetiklemesine neden olan çoğaltma olay dinleyicisine sahip olmasına neden olur. Bu yüzden nasıl kontrol edebilirim ki zaten var ise bir olay dinleyicisi eklemesini engelleyebilirim. Teşekkürler! : D

for (var a = 0;a<formFieldInput.length;a++) { 
      if(formFieldInput[a].hasAttribute("name") && formFieldInput[a].attributes.title.value !== "Valid Until") { 
       formFieldInput[a].addEventListener("click",function(event) { 
        toggleFieldList(event,"show"); 
       }); 
      } 

Answer 1

Bunu başarmak için JavaScript işlevi yoktur. Ancak, dinleyiciyi eklediğinizde true'a bir boolean değeri ve bunu kaldırdığınızda false ayarlayabilirsiniz. Ardından, bir yinelenen etkinlik dinleyicisi eklemeden önce bu boolean'a karşı kontrol edin.

Olası yinelenen: How to check whether dynamically attached event listener exists or not?

Answer 2

Chrome Geliştirici Araçları konsolda Bu gün, hızlı bir elemana olan tüm olay dinleyicileri göstermek için aşağıdaki bu işlevi gerçekleştirebilir.

getEventListeners(document.querySelector('your-element-selector')); 

Answer 3

Gerek yoktur. Sadece orada istediğiniz kadar ve istediğiniz sıklıkta tokatlayın. MDN explains identical event listeners:

birden fazla özdeş Olay Dinleyicilerine aynı parametrelerle aynı eventtarget üzerine kayıtlıysa, yinelenen örnekleri atılır bulunmaktadır. EventListener'ın iki kez çağrılmasına neden olmaz ve , el ile removeEventListener yöntemiyle kaldırılmaları gerekmez.