Как остановить выполнение ивента в js?

Question

[bbquite]

Каким способом можно остановить выполнение ивента "wheel", например в другой функции

document.querySelector('block-wrapper').addEventListener('wheel', event => {
    event.preventDefault()
    this.mouseWheel(event)
})


mouseWheel(event) {
    horizontTransform -= event.deltaY
    document.querySelector('block').style.transform = `translateX(${horizontTransform}px)`
}

Answer 1

[citizen55]

// Add an abortable event listener to table
const controller = new AbortController();
const el = document.getElementById("outside");
el.addEventListener("click", modifyText, { signal: controller.signal } );

// Function to change the content of t2
function modifyText() {
  const t2 = document.getElementById("t2");
  if (t2.firstChild.nodeValue == "three") {
    t2.firstChild.nodeValue = "two";
  } else {
    t2.firstChild.nodeValue = "three";
    controller.abort(); // remove listener after value reaches "three"
  }
}

так пойдет?
взято здесь https://developer.mozilla.org/en-US/docs/Web/API/E...
посмотрите поддержку браузерами https://caniuse.com/?search=AbortController

Comments

[bbquite]

Спасибо, попробую

[bbquite]

На сколько я понял такой вариант полностью удаляет addEventListener, а есть возможно просто остановить без удаления?
Мне нужно чтоб на время анимации он не выполнялся

[citizen55]

Заведите переменную (флаг) и проверяйте ее при вызове колбэка

var allow = false; // true

// колбэк
() => {
   if(allow === false)  return
}

или поставьте слушатель снова