En ocasiones necesitamos enlazar un evento click o change a un código html que todavía no se encuentra en la página, es por ello que necesitamos delegar el evento. En vanilla js debemos añadir un addEventListener sobre el evento que queramos.
En este ejemplo lo haremos para un evento submit. Para ello deberemos poner un id específico en nuestro formulario, así cuando el evento sea escuchado sabremos cual obtener. Quedaría de tal manera:
// escuchamos los eventos tipo submit
document.addEventListener('submit', function (event) {
// si el evento submit tiene ese id...hacemos una llamada ajax o lo que queramos
if (event.target.matches('#form-login-ajax')) {
event.preventDefault();
// TODO: la lógica necesaria
}
}, false);