Informatică Rețele
Evenimente JavaScript click exemplu
Evenimentul click în JavaScript detectează când utilizatorul apasă pe un element HTML și execută o acțiune. Acesta este cel mai folosit eveniment pentru crearea de interfețe interactive.
Metode de atașare
- Atribut HTML onclick <button onclick="alert('Ai apăsat!')">Apasă</button> - cea mai simplă metodă.
- addEventListener document.getElementById('buton').addEventListener('click', functie) - recomandată pentru control mai bun.
- Proprietatea onclick element.onclick = functie - alternativă mai veche, înlocuită de addEventListener.
Exemplu complet
- 1 HTML <button id="demo">Schimbă textul</button><p id="paragraf">Text inițial</p>
- 2 JavaScript document.getElementById('demo').addEventListener('click', function() { document.getElementById('paragraf').textContent = 'Text nou!'; });
- 3 Rezultat La click pe buton, textul din paragraf se schimbă din 'Text inițial' în 'Text nou!'.
Folosește addEventListener pentru mai multă flexibilitate, de exemplu pentru a adăuga mai multe funcții la același eveniment.