1

Есть конструктор FileManager, в методе setEventStatuses удаляется и устанавливается событие "change".
Проблема заключается в том, что при повторном вызове метода setEventStatuses, предыдущее событие на инпутах не удаляется и уже висит два события "change".
Как можно удалить предыдущее событие? Проблема, конечно, решается, если удалить .bind(this) при навешивании события, но все-таки хотелось бы сохранить контекст this в функции changeStatus.
Спасибо.

var FileManager = function () {}; 
FileManager.prototype.setEventStatuses = function () {

    var $el = $('#el');
    //
    // ...
    //
    $el.off('change', 'input', this.changeStatus.bind(this)).on('change', 'input', this.changeStatus.bind(this));
}; 
FileManager.prototype.changeStatus = function (e) {
   // ...
};   
2
  • на этом инпуте есть другие обработчики change?
    – Grundy
    18 апр 2016 в 9:37
  • @Grundy Пока нет, но, конечно, было бы интересно предположить, что они могут появиться.
    – IDD
    18 апр 2016 в 9:43

1 ответ 1

0

Функция bind каждый раз возвращает новую функцию. А в функцию off нужно передать ту же функцию, что использовали в функции on.

Таким образом подход используемый в вопросе не будет работать с bind.

Решить можно несколькими способами, например убирать все обработчики change с инпутов

$el.off('change', 'input').on(...);

еще вариант, сохранять где-нибудь функцию которую вернет bind, и использовать ее.

1
  • Вот оно что! Все понял. Спасибо за подробный ответ.
    – IDD
    18 апр 2016 в 10:13

Ваш ответ

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

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