Может ли в jq одинаковое событие вешаться несколько раз?

Question

[Амир Гафуров]

В jq одинаковое событие может вешаться несколько раз? Например, в функции есть онклик, эта функция вызывается несколько раз, то есть каждый раз вешается новый экземпляр онклика?
P.S.: код не мой, разбираю завал, не могу понять, почему отрабатывают онклики по нескольку раз.

Answer 1

[benderskiy]

Варианты решения в порядке «чистоты»:
1) переработать код так, чтобы повторные биндинги не происходили
2) вызывать .off. Если есть вероятность, что на одном элементе есть разные обработчики одного типа эвентов, то посмотреть в сторону api.jquery.com/event.namespace
3) Проверять, есть ли уже нужный нам биндинг. Такой способ, например:
jQuery._data($(SELECTOR)[0], 'events').EVENT_TYPE вернет массив забиндиных эвентов выбранного типа. если его длинна >= 1, то снова биндить не нужно. Опять же, namespaces, как и во втором варианте
Пример

var isBound($element, event) {
    var events = jQuery._data($element[0], 'events').event;
    if (events && events.length) {
        return true;
    } else {
        return false;    
    }
}

if (!isBound($('#button'))) {
    $('#button').on('click', function);
}

Answer 2

[GM2mars]

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

$(document).off('click', '.element');
$(document).on('click', '.element', function() {
  alert('ta-da!');
});

Comments

[Амир Гафуров]

как я понял, это не даст "копироваться" событию?

[Амир Гафуров]

благодарю, помогло! но это конечно костыль:) изначально бы придерживаться нормальной структуры кода. Благодарю!

[GM2mars]

Именно даст. Всегда будет только одна привязка. конечно костыль ) но другой более менее "нативный" способ без фреймворков мне не известен. Хотя если по настоящему нативного метода нет, то и фреймворки думаю используют такой же механизм.

Answer 3

[rsludge]

Да, может. Только это не одинаковое событие, а на одно событие вешаются несколько обработчиков, а разные они или одинаковые браузер не волнует.

Comments

[GM2mars]

Тогда придется обойтись без анонимных функций:
$(document).off('click', '.element', fun1);
$(document).on('click', '.element', fun1);

Answer 4

[Виталий Желтяков]

onClick - это событие, оно же замыкание. И поэтому может существовать независимо от другого кода и замыканий. Поэтому можно навешать сколько угодно одинаковых событий на объект.

Как с этим бороться:
- Чтобы события не перекрывали друг друга, нужно при назначении нового события затирать старое. Затереть старое событие можно используя функцию bind с указателем на пространства имён. Других корректных способов нет.

Comments

[Амир Гафуров]

Если не затруднит, приведите пример того, как bind'ом затирать события, пожалуйста