Передача объекта события к функции в Jquery

Question

Как правило, я могу передать событие в анонимной функции Jquery так:

$(".click_me").on("click", function(e) { 
    e.preventDefault(); 
}); 

Теперь, скажем, я удалить анонимную функцию, но все равно хочу передать событие it:

function onClickMe(e){ 
    e.preventDefault(); 
} 

$(".click_me").on("click", onClickMe(e)); 

К сожалению, это не работает так, как ожидалось. Я получаю эту ошибку:

ReferenceError: e is not defined 

Так как же еще я могу передать событие внешней функции?

Answer 1

Просто передайте ссылку на функцию, jQuery будет обрабатывать переданные вам аргументы (он всегда передает событие в качестве первого аргумента функции обработчика). Итак:

function onClickMe(e){ 
    e.preventDefault(); 
} 

$(".click_me").on("click", onClickMe);