Проверьте, есть ли у элемента прослушиватель событий. no jquery

Как проверить, есть ли на нем элемент прослушивателя событий, если я использую встроенную функцию на нем, как показано ниже. потому что у меня есть функция, которая вызывает функцию и добавляет прослушиватель событий, но это приводит к тому, что прослушиватель событий дублирования вызывает двойную функцию. так как я могу проверить его, поэтому я могу помешать ему добавить прослушиватель событий, если он уже существует. благодаря! : DПроверьте, есть ли у элемента прослушиватель событий. no jquery

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"); 
       }); 
      }

источник

2015-01-20 Mr. Programmer

вы можете удалить его, прежде чем добавить его. – dandavis

Не было бы проще добавить слушателя и дополнительное свойство, например 'data-listener = true', а затем установить, установлен ли' data-litener' и только добавить слушателя, если нет? – pawel

вы также можете использовать прямое назначение для привязки обработчиков по одному событию, например: formFieldInput [a] .onclick = function() {...}; когда вы их заменяете, старый просто уходит без осложнений ... – dandavis

Для этого нет функции JavaScript. Однако вы можете установить логическое значение true при добавлении слушателя и false при его удалении. Затем проверьте это булевое значение, прежде чем добавить дублирующего прослушивателя событий.

Возможный дубликат: How to check whether dynamically attached event listener exists or not?

источник

2015-01-20 23:03:52

Это настолько странный javascript, что не сказал вам об этом! Я нахожу это настолько странным. – vsync

@vsync Это не проблема JavaScript, это функция браузера и то, как они управляют DOM. Если бы браузеры должны были обрабатывать такой чек, это, вероятно, было бы похоже на то, что сказал Райан Уорнер. –

@SebastienDaniel - да, это то, что я имел в виду, DOM .. – vsync

Этого день на Chrome Dev Tools консоли, вы можете быстро выполнить эту функцию ниже, чтобы показать все обработчик событий, которые были прикреплены к элементу.

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

источник

2016-12-14 08:06:44 arufian

это решение кросс-браузер или просто хром ?? – Anthony

@ Энтони, как я упоминал выше, он работает только на Chrome Dev Tools – arufian

Вам не нужно. Просто похлопайте его там столько раз, сколько хотите, и так часто, как вы хотите. MDN explains identical event listeners:

Если несколько одинаковых EventListeners зарегистрированы на одной и той же EventTarget с теми же параметрами, дублирующие экземпляры отбрасываются. Они не вызывают вызов EventListener дважды, и их не нужно удалять вручную с помощью метода removeEventListener .

источник

2017-11-16 19:34:12

Проверьте, есть ли у элемента прослушиватель событий. no jquery

ответ

Смежные вопросы