JavaScript: selezionare l'elemento usato per inviare un form

JavaScript
04/04/2022
Gabriele Romanato
Versione PDF

In questo articolo vedremo come selezionare l'elemento che ha innescato l'invio di un form in JavaScript.

L'evento di invio di un form è basato sull'interfaccia SubmitEvent che ha come proprietà submitter, ossia l'elemento del DOM che è stato usato per innescare l'evento submit.

Quindi avremo:


const form = document.getElementById('contact-form');

form.addEventListener('submit', evt => {
    const submitter = evt.submitter; // Oggetto di tipo HTMLElement
}, false);