logo

TechCodeview

JavaScript-begivenheder

Ændringen i et objekts tilstand er kendt som en Begivenhed . I html er der forskellige begivenheder, som repræsenterer, at en eller anden aktivitet udføres af brugeren eller af browseren. Hvornår javascript kode er inkluderet i HTML , js reagerer over disse hændelser og tillader udførelsen. Denne proces med at reagere på begivenhederne kaldes Begivenhedshåndtering . Således håndterer js HTML-begivenhederne via Event Håndtere .

For eksempel , når en bruger klikker over browseren, tilføj js-kode, som vil udføre den opgave, der skal udføres på begivenheden.

Nogle af HTML-begivenhederne og deres hændelseshandlere er:

Musebegivenheder:

Begivenhed udført Event Handler Beskrivelse
klik onclick Når musen klikker på et element
mus over over musen Når musemarkøren kommer hen over elementet
museud onmouseout Når musemarkøren forlader et element
musen ned onmousedown Når museknappen trykkes over elementet
mouseup onmouseup Når museknappen slippes over elementet
musebevægelse onmousemove Når musebevægelsen finder sted.

Tastaturbegivenheder:

Begivenhed udført Event Handler Beskrivelse
Keydown & Keyup onkeydown & onkeyup Når brugeren trykker på og derefter slipper tasten

Form begivenheder:

Begivenhed udført Event Handler Beskrivelse
fokus fokus Når brugeren fokuserer på et element
Indsend indsende Når brugeren indsender formularen
sløring onblur Når fokus er væk fra et formelement
lave om ved ændring Når brugeren ændrer eller ændrer værdien af ​​et formularelement

Vindue/Dokument begivenheder

Begivenhed udført Event Handler Beskrivelse
belastning påfyldning Når browseren er færdig med at indlæse siden
losse ved aflæsning Når den besøgende forlader den aktuelle webside, aflæser browseren den
ændre størrelse ændre størrelse Når den besøgende ændrer størrelsen på vinduet i browseren

Lad os diskutere nogle eksempler på begivenheder og deres behandlere.

Klik på Begivenhed

 Javascript Events
Test det nu

MouseOver begivenhed

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p>
Test det nu

Fokus begivenhed

 Javascript Events <h2> Enter something here</h2>
Test det nu

Keydown begivenhed

 Javascript Events <h2> Enter something here</h2>
Test det nu

Indlæs hændelse

 Javascript Events <br>
Test det nu