e.PreventDefault ist undefiniert

Question

Ich habe registerAjax (e) Funktion:

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.'); 
} 

Diese Funktion wird durch diese Funktion aufgerufen wird

function registerUser() { 
registerAjax(); 

Wenn ich die app laufen, ich die Konsole Meldung „Nicht abgefangene empfangen TypeError: Kann die Eigenschaft 'preventDefault' von undefined (...) nicht lesen "

Gibt es eine einfache Lösung, um diese Ausnahme zu beheben?

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

Geben Sie die registerUser Referenz, statt sie zu nennen:

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

Und fügen event Parameter registerUser:

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

Answer 2

dies nicht tun, was Sie denken, es tut:

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

Dies ruft registerUser()sofort auf und setzt den Click-Handler auf den Rückgabewert von registerUser(), der nichts zurückgibt. Ich vermute, dass Sie dies wünschen:

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

Der Name der Funktion selbst als Variable verwendet werden kann, um die Funktion zu repräsentieren, wenn es um einen Handler übergeben. (Oder wenn Sie viel von etwas mit der Funktion tun, kurz vor dem Aufrufen. In JavaScript ist eine Funktion ein Typ wie jeder andere und kann wie jede Variable weitergegeben werden.)

Zusätzlich, müssen Sie übergeben das Ereignis bis zu Ihrer anderen Funktion. Standardmäßig wird das Click-Handler das Ereignis übergeben werden, so können Sie es verwenden:

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

In Ihrem Fall, würden Sie wollen, dass es passieren zusammen mit Ihren anderen Funktion:

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