e.PreventDefault неопределен

Question

У меня есть функция registerAjax (е):

function registerAjax(e) { 
e.preventDefault(); 
let userData = { 
    username: $("#username").val(), 
    password: $("#password").val(), 
}; 
$.ajax({ 
    method: "POST", 
    url: kinveyBaseUrl + "user/" + kinveyAppKey + "/", 
    headers: kinveyAppAuthHeaders, 
    data: userData, 
    success: registerSuccess, 
    error: handleAjaxError 
}); 
function registerSuccess(userInfo) { 
    saveAuthInSession(userInfo); 
    showInfo('User registration successful.'); 
} 

Эта функция вызывается с помощью этой функции

function registerUser() { 
registerAjax(); 

Когда я запустить приложение, я получаю сообщение консоли «неперехваченным TypeError: Не удается прочитать свойство «preventDefault» undefined (...) »

Есть ли какое-либо простое решение для устранения этого исключения?

function startApplication() { 
    //Bind The Form Submit Buttons 
    $(document).ready(function() { 
    $("#btnRegister").on('click', registerUser()); 
    }); 
    loadingBox(); 
    //Bind the info/error boxes: hide on click 
    $("#infoBox, #errorBox").click(function() { 
    $(this).fadeOut(); 
    }); 
} 

Answer 1

Пропустите registerUser ссылку вместо вызова его:

$("#btnRegister").on('click', registerUser); 

И добавить event параметр registerUser:

function registerUser(e) { 
    registerAjax(e); 
    ... 
} 

Answer 2

Это не делает то, что вы думаете, он делает:

$("#btnRegister").on('click', registerUser()); 

Это вызывает registerUser()сразу и устанавливает обработчик кликов на значение возврата из registerUser(), которое ничего не возвращает. Я подозреваю, что вы хотите:

$("#btnRegister").on('click', registerUser); 

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

Дополнительно, вам необходимо пройти событие через вашу другую функцию. По умолчанию обработчик щелчка будет передан событие, так что вы можете использовать его:

function registerUser(e) { 
    // e is your event 
} 

В вашем случае, вы хотите, чтобы передать его на свою другую функцию:

function registerUser(e) { 
    registerAjax(e); 
    // etc. 
}