Si tengo el siguiente controlador de eventos vinculado a mi form :
form.addEventListener('submit', function(evt) { evt.preventDefault(); console.log('submitted'); this.submit(); });Cuando el cliente envía el formulario, el controlador de eventos se ejecuta y el formulario se envía sin que el controlador de eventos se vuelva a ejecutar .
Sin embargo, la misma lógica no se aplica al adjuntar controladores de click a elementos de anchor :
a.addEventListener('click', function(evt) { evt.preventDefault(); console.log('clicked'); this.click(); });El controlador de eventos se ejecuta dos veces y nunca se sigue el enlace.
Tengo dos preguntas:
submit y click ?click del ancla solo se ejecuta dos veces y no indefinidamente, si el controlador de eventos se ejecuta cada vez que se llama?El envío del formulario y el clic en el elemento son acciones diferentes, no tienen que comportarse de la misma manera.
Cuando se utiliza el método de envío del formulario, el estándar dice :
Envía el formulario, omitiendo la validación de restricciones interactivas y sin activar un evento de envío.
Esto se puede ver también en el algoritmo de envío . El elemento 6 verifica si la acción proviene del método de envío del formulario y omite la validación y la activación del evento si se establece el indicador " enviar() ".
element.click establece el "marcador de clic en progreso ", que se verifica internamente antes de crear un evento de clic sintético que llama a la función del controlador. Esto evita que un clic en un elemento genere infinitas llamadas recursivas al controlador de eventos de clic.