Как добавить дополнительный обработчик событий в jQuery или простой javascript?

Question

У меня есть свой объект с функцией onShow(), который называется (мной), когда объект показан. Я могу переопределить эту функцию назначением

o.onShow = function() { // something }; 

Но он удаляет предыдущую версию функции. Так что, если я хочу, чтобы сохранить существующий обработчик, я должен кэшировать и вызвать новый обработчик:

o.oldOnShow = o.onShow; 
o.onShow = function() { this.oldOnShow(); // something }; 

Но этот путь я могу кэшировать только один предыдущий обработчик. Что, если их много?

Есть ли удобный способ выполнить эту задачу? Как эта задача называется в литературе? Есть ли методы для этого в jQuery?

Answer 1

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

$(o).trigger('my-awesome-event'); 

Тогда можно определить один или несколько слушателей, используя либо .bind() или (если вы используете JQuery 1.7+) .on():

$(o).on('my-awesome-event', function(event){ ... }); 

Answer 2

Вы можете использовать метод связывания JQuery в:

$(o).bind("show", function() {}); 

Это добавляет обработчик событий в список обработчиков событий, не перезаписывает существующие обработчики. Here are the docs

Answer 3

В JQuery вы можете добавить столько обработчиков, как вам нравится:

$(o).on('show', function() { ... }); 

Последующие вызовы не будут удалены ранее связанных обработчиков.

Answer 4

Прикрепление обработчика события через jQuery не будет конфликтовать с другими событиями, пока обработчик события не останавливает событие от распространения.

Если вы хотели бы сделать это в родной JavaScript, вам нужно использовать конкатенацию:

o.onShow = o.onShow + "function() { // something };"