0

написал функцию для слежение следующего клика, если клик падает не туда, то тогда убирается стиль актиновности и слушатель событий стирается, но почему то слушатель остается


function selectToggle(e) {
        let selectWrapper = e.target.closest('.select')
        let selectOptionWrapper = selectWrapper.querySelector('div')
        console.log( e.target,selectOptionWrapper)

        if(!selectOptionWrapper){
            return
        }

        selectOptionWrapper.classList.toggle('select-option-wrapper--active')

        document.addEventListener('click', selectRemover.bind(this))

        function selectRemover(e){
            if(!e.target.closest('.select')){
                console.log('removeEventListner')
                selectOptionWrapper.classList.remove('select-option-wrapper--active')
                document.removeEventListener('click', selectRemover)
            }
        }
    }
2
  • добавьте перед if(!e.ta..... console.log('call removeEventListner') И проследите что он появлялся 2 дек 2020 в 10:47
  • 1
    @AzizUmarov сейчас разобрался, проблема была в том что убрал bind(this) и тогда листнер отработает как нужно и удаляется
    – bazmexes
    2 дек 2020 в 10:51

1 ответ 1

0

Давайте разберёмся. anyFunction.bind(context);

Создаст новую функцию с новым контекстом.

Пример

function test(event){
 console.log(this===window);
}

let test1 = test.bind(button1);

console.log(test === test1);

document.addEventListener("click", test.bind(button1));
document.removeEventListener("click", test);
<button id="button1" onclick="test()">test</button>
<button id="button2" onclick="test1()">test1</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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