Informatică Rețele
Programare evenimente Javascript
Programarea evenimentelor în JavaScript se referă la gestionarea acțiunilor utilizatorului sau a sistemului, cum ar fi clicuri sau încărcări de pagină. Aceasta permite crearea de interfețe web interactive fără reîncărcarea paginii. Evenimentele sunt tratate prin funcții numite event handlers.
Tipuri comune de evenimente
- Evenimente de mouse Acțiuni legate de mouse, precum 'click', 'mouseover' sau 'dblclick'. Exemplu: schimbarea culorii unui buton la clic.
- Evenimente de tastatură Acțiuni legate de taste, cum ar fi 'keydown' sau 'keyup'. Exemplu: validarea unui formular când utilizatorul apasă Enter.
- Evenimente de formular Acțiuni legate de elemente de formular, precum 'submit' sau 'change'. Exemplu: afișarea unui mesaj după trimiterea unui formular.
Pași pentru a adăuga un event handler
- 1 Selectarea elementului Folosește metode ca document.getElementById() pentru a accesa elementul HTML. Exemplu: let button = document.getElementById('myButton');
- 2 Definirea funcției handler Scrie o funcție care să execute acțiunea dorită la declanșarea evenimentului. Exemplu: function handleClick() { alert('Buton apăsat!'); }
- 3 Atasarea handler-ului Leagă funcția de eveniment folosind addEventListener(). Exemplu: button.addEventListener('click', handleClick);
Exersează prin crearea unei pagini web simple cu un buton care afișează un mesaj la clic, folosind addEventListener().