События перезаписи Javascript - PullRequest
Новая
       21

События перезаписи Javascript

2 голосов
/ 24 июня 2010

У меня есть несколько элементов с событием щелчка: 

$$('.set_main').invoke('observe', 'click', set_main );

И я хочу изменить наблюдателя событий. У меня вопрос: нужно ли мне сначала удалять слушателей событий с помощью чего-то вроде: 

$$('.thumb').each(function(item)
{
    Event.stopObserving(item, 'click', set_main);
});

или я могу просто перезаписать его $$('.set_main').invoke('observe', 'click', view );?

Это работает в любом случае, но я хотел бы знать, влияет ли это на производительность. Может быть, я держу слушателей событий в памяти без всякого использования.

1 Ответ

2 голосов
/ 09 июля 2010

Отмена регистрации одного или нескольких обработчиков событий.

Если обработчик опущен, отменяется регистрация всех обработчиков событий в элементе для этого eventName. Если eventName также опущено, отменяется регистрация всех обработчиков событий в элементе. (В каждом случае влияет только на обработчики, зарегистрированные через Prototype.) Примеры

Предполагая, что: 

$('foo').observe('click', myHandler);

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

$('foo').stopObserving('click', myHandler);

Если мы хотим удалить все обработчики 'click' из 'foo', мы пропускаем аргумент обработчика: 

$('foo').stopObserving('click');

Если мы хотим удалить все обработчики для всех событий из 'foo' (возможно, мы собираемся удалить его из DOM), мы просто опускаем и обработчик, и имя события: 

$('foo').stopObserving();

Распространенная ошибка

При использовании методов экземпляра в качестве наблюдателей обычно используется функция # связать с ними, например ::

$('foo').observe('click', this.handlerMethod.bind(this));

Если вы сделаете это, это не поможет отменить регистрацию обработчика: 

$('foo').stopObserving('click', this.handlerMethod.bind(this)); // <== WRONG

Функция # bind возвращает новую функцию каждый раз, когда она вызывается, и поэтому, если вы не сохраните ссылку, использованную при наблюдении, вы не сможете отсоединить эту функцию специально. (Вы все еще можете отцепить все обработчики для события или все обработчики для элемента полностью.)

Для этого вам нужно сохранить ссылку на связанную функцию: 

this.boundHandlerMethod = this.handlerMethod.bind(this);
$('foo').observe('click', this.boundHandlerMethod);

... а затем удалить: 

$('foo').stopObserving('click', this.boundHandlerMethod); // <== Right
...