Как сделать обработку клика в нужном порядке?

Question

[lagudal]

Есть 2 кнопке - клик по каждой запускают соот-ую функцию.
Мне нужно, чтобы кликнув по 2-й кнопке, сначала выполнилась бы функция клика по первой кнопке, а затем уже функция 2-й кнопки. Не меняя при этом кода фунций кнопок.
Т.е., я жму по 2-й кнопке, симулирую клик по первой кнопке, первая фунция исполняется потом вторая.
По простому добавляя с помощью addEventListener(), или как в примере, on() jquery, сначала выполняется своя фунция, а затем уже добавленная.

Answer 1

[Artem Ryzhov]

var handlerOne = function(e) {
   alert('This is a first function');
};
var handlerTwo = function(e) {
   alert('This is a second function');
};

$('.first').click(function(e) {
    handlerOne(e);
})

$('.second').click(function() {
    handlerOne(e);
    handlerTwo(e);
})

UPD:
Вариант без изменения оригинальных обработчиков:

Comments

[lagudal]

условие не изменять код фунций, а добавить - я ж вроде написал...

[Tim]

у тебя в коде ошибки

[Tim]

lagudal, что значит не изменять? ты ерунду написал

[Artem Ryzhov]

Тогда нужно поменять местами обработчики. Они выполняются в порядке добавления.

var handlers = $._data($('.second')[0], 'events')['click'];
[handlers[0], handlers[1]] = [handlers[1], handlers[0]];

[lagudal]

Artem Ryzhov,
спасибо, именно так я и хотел.

Answer 2

[Tim]