0

Я вешаю слушателя события таким кодом:

import myFunction from '@/functions/myFunction'

document.addEventListener( 'click', (event) => { 
    myFunction(event, this.$el)
});

потому что мне в функции нужно передать само событие (event) и еще this.$el

Как я могу удалить этого слушателя? Пробовал так (не помогло):

document.removeEventListener('click', myFunction);
8
  • Очень интересно, ты повешал функцию на которую нет ни одной ссылки. Как же ты ее мог удалить? Commented 29 мар. 2023 в 10:02
  • Выше я эту функции импортирую так: import myFunction from '@/functions/myFunction'
    – iKey
    Commented 29 мар. 2023 в 10:03
  • Ты повешал не myFunction, а безымянную (event) =>{ ... }, теперь сообразил Commented 29 мар. 2023 в 10:04
  • @AlexanderLonberg а как ее обозначить чтобы мог ее удалить?
    – iKey
    Commented 29 мар. 2023 в 10:05
  • 1
    Вот тут рассказывал, как удалить обработчик события. Если коротко - необходимо в обработчик передавать именную функцию, а не анонимную. У вас анонимная.
    – SwaD
    Commented 29 мар. 2023 в 10:52

1 ответ 1

0

Вопрос на самом деле в том, что именно вам нужно.

Если вы хотите не вызывать свою функцию при клике в зависимости от условия, то можете сделать это как то так:

import myFunction from '@/functions/myFunction';

let clickHandlerEnabled = true;

document.addEventListener('click', (event) => {
  if (clickHandlerEnabled) {
    myFunction(event, this.$el);
  }
});

Если же вам действительно нужно удалить слушатель события, то вам нужно указать ссылку на функцию, которую вы передали в метод addEventListener.

В вашем случае это анонимная функция, ссылка на которую нигде не сохранена.

Для достижения нужного вам поведения, вы можете сделать так:

function myFunction(event, el) {
    console.log(this, event, el);
}

function handler(event) {
    myFunction.call(this, event, 'el');
}

document.addEventListener('click', handler);
document.removeEventListener('click', handler);


Note

Просто на заметку, в приведенном вами коде:


import myFunction from '@/functions/myFunction'

document.addEventListener('click', (event) => { 
  myFunction(event, this.$el);
});

В this скорее всего не будет поля $el, т. к. вы используете стрелочную функцию.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.