Ce face HTMLElement.click
click() trimite elementului un eveniment click, ca și cum utilizatorul ar fi dat clic. Pe un link deschide adresa, pe o căsuță o bifează, iar pe un <input type="file"> deschide fereastra de alegere a fișierului (doar în urma unei acțiuni reale a utilizatorului).
Pe elementele dezactivate (disabled) nu face nimic.
Ce returnează
undefined.
Exemple
Exemplul 1: Un buton personalizat pentru alegerea fișierului
<input type="file" id="fisier" hidden>
<button id="alege">Alege o poză</button>
<script>
const input = document.getElementById("fisier");
document.getElementById("alege").addEventListener("click", () => input.click());
input.addEventListener("change", () => console.log("ales:", input.files[0].name));
</script>
Rezultat în browser
ales: vacanta.jpg
Exemplul 2: Bifarea unei căsuțe din cod
const casuta = document.querySelector("#newsletter");
casuta.addEventListener("change", () => console.log("schimbat:", casuta.checked));
casuta.click();
Rezultat în browser
schimbat: true
Greșeli frecvente
- Apelezi
input.click()pentru fișiere dintr-unsetTimeoutsau la încărcarea paginii. Browserul ignoră apelul, pentru că nu vine dintr-o acțiune a utilizatorului.
Comenzi înrudite
dispatchEvent / new Event / CustomEvent: Creează și declanșează evenimente proprii, cu date atașate, pe care le ascultă alte părți ale codului.addEventListener: Rulează o funcție când se întâmplă ceva pe pagină: un clic, o tastă, trimiterea unui formular.Blob / File: Un bloc de date imuabil, cu tip MIME (Blob), sau un fișier cu nume și dată (File).