AddEventlistener и oninput, как выкрутиться, если надо удалить и проверить на наличие одновременно?

Question

[Aspirant555]

В общем, если добавить событие через oninput, то нельзя удалить, а если через addEventListener, то нельзя проверить на наличие простым способом, Что можно предпринять, за исключением способа введения массива событий?

Нужен именно простой способ.

itog_summ = function() {
    var is = document.getElementById('itog_summ');
    if (is.onblur) {
      return;
    } else {
      console.log('Добавили');
      var iprice = is.value * document.getElementById('chisto_summa').textContent;
      itog_price.innerHTML = Math.round(iprice);
      is.addEventListener('input', input_input);
      is.addEventListener('blur', deletef);
      function deletef() {
        is.removeEventListener('input', input_input);
        is.removeEventListener('blur', input_input);
        console.log('Удалили');
      }
      function input_input() {
        iprice = is.value * document.getElementById('chisto_summa').textContent;
        itog_price.innerHTML = Math.round(iprice);
      }
    };
  };

Answer 1

[Сергей Соколов]

Слушателей события повесить только один раз, сразу.

Добавить переменную типа let isActive = false; – флаг состояния: активно или нет. Как сейчас у вас наличие/отсутствие слушателя.
По событию blur – ставить в false, input или focus – ставить true.
Не повторять себя – обновление значения innerHTML = Math.round() сейчас дважды. Достаточно явно вызвать функцию.
Лучше не использовать подчёркивание в названиях переменных / функций, это не наш стиль )

Comments

[Aspirant555]

Как всегда, всё гениальное просто. Жаль только, что флаг придётся, наверное, глобальным вешать.

[Вадим]

aspirantes, Не обязательно глобальным. Можно спрятать в замыкании.