1

Хотелось бы, чтобы при нажатии на кнопку прошлый клик с переменной 'hi' удалялся. Но почему-то этого не происходит

let li = document.getElementsByTagName('li');
    let butt = document.getElementById('delete');

    function action(text){
        console.log(text);
    }

    Array.from(li, function (item) {
        item.addEventListener('click', function () {
            action('hi');
        });
    });
    
    butt.addEventListener('click', function () {
        Array.from(li, function (item) {
            item.removeEventListener('click', function () {
                action('hi');
            });
            item.addEventListener('click', function () {
                action('bye');
            });
        });
    });
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<button id="delete">Delete first click</button>

1 ответ 1

1

Потому что такие конструкции

    item.addEventListener('click', function () {
        action('hi');
    });
    ...
    item.removeEventListener('click', function () {
        action('hi');
    });

создают новый объект функции-обработчика.

let li = document.getElementsByTagName('li');
let butt = document.getElementById('delete');

function action(text) {
  console.log(text);
}

function hi() {
  action('hi');
}

Array.from(li, function(item) {
  item.addEventListener('click', hi);
});

butt.addEventListener('click', function() {
  Array.from(li, function(item) {
    item.removeEventListener('click', hi);
    item.addEventListener('click', function() {
      action('bye');
    });
  });
});
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
<button id="delete">Delete first click</button>

2
  • никак не сделать иначе, если в функции очень нужны будут переменные? Это же в этой чисто для примера console.log, а так внутри может быть всё, что угодно
    – user336121
    29 сен 2019 в 8:47
  • @Anna Не понял про "переменные в функции". Приведите пример.
    – user176262
    29 сен 2019 в 12:42

Ваш ответ

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