Как передать событие нажатия кнопки в функцию обратного вызова

Question

Скрипка: http://jsfiddle.net/cmw0s2rk/

function HandleTopNavClick($elem, pretext = "", replace = false, e) {
  debugger;
  e.preventDefault();
  var href = $elem.href;
}

$("ul.check-it li a").on("click", HandleTopNavClick($(this), "clickhere_", true, event));

Есть идеи, почему event не переносится на функцию?

Answer 1

Вы, вероятно, хотели использовать HandleTopNavClick в качестве функции обратного вызова, но вместо этого вы используете возвращаемое значение функции в качестве функции обратного вызова, которое не определено.

Вы можете просто использовать HandleTopNavClick в качестве функции обратного вызова для обработчика событий щелчка и использовать this для ссылки на элемент.

function HandleTopNavClick(e) {
  debugger;
  e.preventDefault();
  var href = $(this).attr('href');
}

$("ul.check-it li a").on("click", HandleTopNavClick);

JSFiddle Demo: http://jsfiddle.net/cmw0s2rk/8/

Answer 2

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

$("ul.check-it li a").on("click", event => HandleTopNavClick($(this), "clickhere_", true, event));

Answer 3

Вы синхронно вызываете handleTopNavClick, а затем передаете его результат в .on. Вместо этого вы хотите создать функцию и передать ее в .on, который позже будет вызываться с событием.

$("ul.check-it li a").on("click", function(event) {
  HandleTopNavClick($(this), "clickhere_", true, event)
});