HTMLElement.click în JavaScript

Pagina web (DOM) Toate browserele

Simulează un clic pe un element: declanșează evenimentul click și acțiunea obișnuită (link, căsuță, input de fișier).

Sintaxă
element.click()

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-un setTimeout sau 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).