El canvi en l'estat d'un objecte es coneix com a Esdeveniment . En html, hi ha diversos esdeveniments que representen que alguna activitat la realitza l'usuari o el navegador. Quan javascript El codi s'inclou a HTML, js reacciona sobre aquests esdeveniments i permet l'execució. Aquest procés de reacció davant els esdeveniments s'anomena Gestió d'esdeveniments . Per tant, js gestiona els esdeveniments HTML mitjançant Gestors d'esdeveniments .
Per exemple , quan un usuari faci clic sobre el navegador, afegeix el codi js, que executarà la tasca que s'ha de realitzar en l'esdeveniment.
Alguns dels esdeveniments HTML i els seus gestors d'esdeveniments són:
Esdeveniments del ratolí:
| Esdeveniment realitzat | Gestor d'esdeveniments | Descripció |
|---|---|---|
| feu clic | fent clic | Quan feu clic al ratolí sobre un element |
| ratolí sobre | sobre el ratolí | Quan el cursor del ratolí passa sobre l'element |
| fora del ratolí | onmouseout | Quan el cursor del ratolí deixa un element |
| ratolí cap avall | onmousedown | Quan es prem el botó del ratolí sobre l'element |
| pujar el ratolí | onmouseup | Quan es deixa anar el botó del ratolí sobre l'element |
| moviment del ratolí | onmousemove | Quan es produeix el moviment del ratolí. |
Esdeveniments de teclat:
| Esdeveniment realitzat | Gestor d'esdeveniments | Descripció |
|---|---|---|
| Keydown i Keyup | onkeydown i onkeyup | Quan l'usuari prem i deixa anar la tecla |
Esdeveniments de formulari:
| Esdeveniment realitzat | Gestor d'esdeveniments | Descripció |
|---|---|---|
| focus | onfocus | Quan l'usuari se centra en un element |
| Presentar | en enviar | Quan l'usuari envia el formulari |
| borrós | onblur | Quan el focus està lluny d'un element de formulari |
| canvi | al canvi | Quan l'usuari modifica o canvia el valor d'un element de formulari |
Esdeveniments de finestra/document
| Esdeveniment realitzat | Gestor d'esdeveniments | Descripció |
|---|---|---|
| càrrega | carregar | Quan el navegador acaba de carregar la pàgina |
| descarregar | a descarregar | Quan el visitant abandona la pàgina web actual, el navegador la descarrega |
| canviar la mida | redimensionar | Quan el visitant canvia la mida de la finestra del navegador |
Comentem alguns exemples sobre esdeveniments i els seus gestors.
ordres de kali linux
Feu clic a Esdeveniment
Javascript EventsProva-ho ara
Esdeveniment MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Prova-ho ara
Esdeveniment de focus
Javascript Events <h2> Enter something here</h2>Prova-ho ara
Esdeveniment Keydown
Javascript Events <h2> Enter something here</h2>Prova-ho ara
Carrega l'esdeveniment
Javascript Events <br>Prova-ho ara