logo

TechCodeview

JavaScript események

Egy objektum állapotának változását an Esemény . A html-ben különféle események vannak, amelyek azt jelzik, hogy bizonyos tevékenységeket a felhasználó vagy a böngésző hajt végre. Amikor javascript kód szerepel a HTML-ben, a js reagál ezekre az eseményekre, és lehetővé teszi a végrehajtást. Ezt az eseményekre való reagálás folyamatát ún Eseménykezelés . Így a js ezen keresztül kezeli a HTML eseményeket Rendezvénykezelők .

Például , amikor a felhasználó a böngészőre kattint, adjon hozzá js kódot, amely végrehajtja az eseményen végrehajtandó feladatot.

Néhány HTML-esemény és eseménykezelőik a következők:

Egér események:

Esemény végrehajtva Eseménykezelő Leírás
kattintson kattintásra Ha egy elemre kattint az egérrel
egérmutatót az egér felett Amikor az egér mutatója az elem fölé kerül
egérkihúzás on mouseout Amikor az egér kurzora elhagy egy elemet
egérrel lefelé az egér lefelé Ha az egérgombot az elem fölé nyomjuk
egeret egérrel Amikor az egérgombot elengedjük az elem felett
egérmozgatás onmousemove Amikor az egér mozgása megtörténik.

Billentyűzet események:

Esemény végrehajtva Eseménykezelő Leírás
Keydown & Keyup onkeydown & onkeyup Amikor a felhasználó megnyomja, majd elengedi a gombot

Űrlap események:

Esemény végrehajtva Eseménykezelő Leírás
fókusz onfókusz Amikor a felhasználó egy elemre összpontosít
Beküldés beküldéskor Amikor a felhasználó elküldi az űrlapot
elhomályosít onblur Amikor a fókusz távol van egy űrlapelemtől
változás váltáskor Amikor a felhasználó módosítja vagy módosítja egy űrlapelem értékét

Ablak/Dokumentum események

Esemény végrehajtva Eseménykezelő Leírás
Betöltés Feltöltés alatt Amikor a böngésző befejezi az oldal betöltését
kirak kirakodáskor Amikor a látogató elhagyja az aktuális weboldalt, a böngésző eltávolítja azt
átméretezni átméretezve Amikor a látogató átméretezi a böngésző ablakát

Nézzünk meg néhány példát az eseményekről és azok kezelőiről.

Kattintson az Esemény elemre

 Javascript Events
Tesztelje most

MouseOver esemény

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p>
Tesztelje most

Fókusz esemény

 Javascript Events <h2> Enter something here</h2>
Tesztelje most

Keydown esemény

 Javascript Events <h2> Enter something here</h2>
Tesztelje most

Esemény betöltése

 Javascript Events <br>
Tesztelje most