Uvod v HTML Dogodke
Označevalni jezik HyperText (HTML) je jezik hiperteksta, ki ustvarja spletni dizajn. je prikazan v katerem koli spletnem brskalniku. Dogodki v HTML-ju so dejanje. vsak uporabnik klika prejme reakcijo brskalnika, imenovanega Akcija. Ta postopek je znan kot Dogodek.
Recimo, če ima spletna stran en obrazec, uporabnik izpolni ta obrazec, potem uporabnik dobi dva ključa, enega pošlje, drugega pa prekliče. Ko uporabniki pritisnejo gumb za oddajo, se podatki obrazca shranijo. Na gumbu za preklic prekličite podatke obrazca in ga znova osvežite. To dejanje gumba se imenuje dogodek. ta dogodek je odvisen od dejanj uporabnikov.
Različne vrste HTML dogodkov
V HTML5 je na voljo veliko atributov dogodkov, ki so razvrščeni predvsem v 6 različnih vrst. Ti atributi delujejo v jeziku JavaScript.
- Atributi dogodkov v sistemu Windows: Ta funkcija je na voljo za dejanje sistema Windows. Deluje v oznaki body.
- Atributi dogodkov obrazca: Če uporabnik v obrazcu izvede neko dejanje, kot so vhodni podatki, prekliče, predloži, potem ti atributi dogodkov delujejo.
- Atributi dogodkov na tipkovnici: atributi dogodkov na tipkovnici, ki se uporabljajo za delovanje tipkovnice in interakcijo uporabnika.
- Atributi miškega dogodka: Atribut miškega dogodka, ki se uporablja za miško, ki je premikanje, klik, kolesce itd.
- Atributi dogodkov odložišča: atributi tega dogodka, ki se uporabljajo za odlaganje v odložišču. Primer rez, kopiranje, škodljivce.
- Atributi medijskih dogodkov: Ta atribut dogodka deluje na medijskih datotekah, kot so video itd.
Opis atributov dogodkov
Tu je nekaj razlag atributov dogodkov, ki so podrobno podani spodaj:
1. Lastnosti dogodkov v sistemu Windows
Atributi |
Opis |
onafterprint | Ta skript deluje, čeprav po natisnjenem dokumentu. |
na predhodnem tisku | Ta skript deluje, preden je bil natisnjen dokument. |
pred nalaganjem | Medtem ko pred neobremenjenim dokumentom ta skript deluje. |
onerror | V dokumentu pride do napake, nato se ta dogodek izvede. |
onhashchange | Sidrni del spremembe URL-ja v dokumentu, ki se je izvedel časovni dogodek. |
obremenitev | Ko se prva spletna stran naloži v celoti, se ta dogodek izvede. |
onmessage | V dokumentu se je zgodilo sporočilo, ki se je takrat izvedlo. |
onoffline | Če omrežna povezava ni na voljo in brskalnik piše brez povezave, se dogodek izvede. |
ononline | Ko je omrežje na voljo v brskalniku, se je dogodek izvedel. |
na strani | Ta skript deluje, če lahko uporabnik, ki ne deluje na trenutni spletni strani, trenutno veljavno stran. |
onpageshow | Ta skript deluje takrat, ko se naloži trenutna spletna stran. |
onpopstate | Ta skript samodejno deluje v brskalniku za spremembo stanja zgodovine. |
velikost | Ta skript deluje, ko brskalnik okna spremeni velikost. |
skladiščenje | Ko je spletna shramba uporabnikov posodobljena, se dogodek izvede. |
onunload | Ali uporabnikova spletna stran ni naložena ali pa je okno zaprto in dogodek izveden. |
2. Oblikujte atribute dogodkov
Atributi | Opis |
onblur | Nekaj predmeta za preverjanje obrazca sprosti fokus in nato sproži dogodek. |
onchange | Sprememba vrednosti v obrazcu se je nato sprožila. |
osredotočenost | V obliki je predmet osredotočen. Delo na tem predmetu se je nato začelo. |
oninput | Uporabnik vnese vrednost v obrazcu, nato pa se ta dogodek sproži. |
neveljaven | Dogodek deluje, ko element ne izpolnjuje svojih vnaprej določenih omejitev. |
ponovna ponastavitev | Uporabnik ponastavi podatke obrazca in nato sproži dogodek. |
iskati | Uporabniki iščejo zahtevano polje in nato sprožijo dogodek. |
izberi | Uporabnik izbere besedilo ali besedilno območje v obrazcu in nato sproži dogodek. |
oddaj | Uporabnik obrazec odda na koncu, nato pa dogodek odpusti. |
3. Atributi dogodkov na tipkovnici
Atributi | Opis |
onkeydown | S tipkovnico uporabniški pritisni tipko navzdol ob tem dogodku deluje |
onkeypress | Uporabniki s tipkovnico pritisnejo tipko in prikažejo znake v tistem trenutku, ko dogodek deluje. |
onkeyup | Po pritisku ključ uporabnik sprosti ključ, nato dogodek deluje. |
4. Atributi miškega dogodka
Atributi | Opis |
onclick | Uporabnik klikne miško na gumb, nato pa se je zgodil dogodek. |
ondblclick | Uporabniki dvakrat kliknejo miško, nato pa se je zgodil dogodek. |
onmousedown | Uporabnik pritisne gumb miške na element, nato pa se je zgodil dogodek. |
onmousemove | Uporabnik premakne kazalec miške čez element, nato pa se je zgodil dogodek. |
onmouseout | Uporabnik premakne miško zunaj elementa, nato se je zgodil dogodek. |
onmouseover | Uporabnik premakne miško čez element, nato pa se je zgodil dogodek. |
onmouseup | Uporabnik je sprostil gumb miške, nato pa se je zgodil dogodek. |
onmousewheel | Z uporabo miškega kolesa uporabnik pomakne element navzgor in navzdol, potem se je zgodil dogodek. |
zobnik | Z uporabo miškega kolesa jih zvijte navzgor in navzdol, potem se je zgodil dogodek. |
5. Atributi dogodkov odložišča
Atributi | Opis |
onkopija | Uporaba mišjih uporabnikov za kopiranje vsebine, nato pa do dogodka. |
narezati | Z uporabo miške uporabniki razrežejo vsebino, potem se je zgodil dogodek. |
onpaste | Z uporabo miškega uporabnika prilepite vsebino in se je zgodil dogodek. |
6. Atributi medijskih dogodkov
Atributi | Opis |
onabort | Ko predstavnostne datoteke prekinejo za prenos in ponovno predvajanje, se zgodi dogodek. |
oncanplay | Ko je katera koli predstavnostna datoteka pripravljena za predvajanje, se ta sproži. |
oncanplaythrough | Medijska datoteka je pripravljena za predvajanje brez varovanja in nalaganja. |
oncuechange | Element spremeni iztočnico takrat sproženega dogodka. |
sprememba onduracije | Predstavnostna datoteka spremeni čas, ko se sproži sprožilec. |
brezpogojno | Če predstavnostna datoteka ni na voljo in pride do usodne napake, se sproži sprožilec. |
enodnevno | Medijska datoteka pride na končno točko, nato se sproži sprožilec. |
onerror | Ko je prišlo do napake pri pridobivanju predstavnostne datoteke, se sproži sprožilec |
onloadeddata | Predstavnostna datoteka naloži podatke in nato sproži sprožilec. |
onloadedmetadata | Predstavnostna datoteka naloži metapodatke in sproži sprožilec. |
onloadstart | Medijska datoteka se začne nalagati, nato se sproži sprožilec. |
pavza | Predstavnostna datoteka je znova zaustavljena, nato pa se sproži sprožilec. |
zaigrati | Medijska datoteka je pripravljena za predvajanje in sproži se sprožilec. |
predvajanje | Medijska datoteka se začne predvajati, nato se sproži sprožilec. |
v teku | Ta skript deluje, ko brskalnik deluje na povezavi z medijskimi podatki. |
onratechange | Če se hitrost predvajanja videoposnetkov spremeni, se sproži sprožilec. |
onseeked | Uporabniki, ki so zaključeni s premikom, drugače preskočijo nov položaj videoposnetka. ta atribut je postavljen kot napačen. |
ogled | Uporabnik se želi premakniti, drugače preskoči nov položaj videa. ta atribut je nastavljen kot resničen. |
nameščen | Ko se brskalnik nenadoma ustavi pri povezovanju podatkov, potem dogodek deluje. |
poraba | Ko spletni brskalnik namenoma ne dobi medijskih podatkov, potem dogodki delujejo. |
ontime posodobitev | Ko uporabnik spremeni položaj predvajanja videoposnetka, na primer naprej in nazaj. |
onvolumechange | Če želite spremeniti glasnost medija nizko v visoko. |
čaka | Če podatki naložijo informacije, trenutni video ustavitev z varovanjem potem dogodek deluje. |
Zaključek
Dogodki v Html so preprost način za ukrepanje in vmesnik med spletnimi brskalniki in uporabniki. Uporabniki lahko brez težav dobijo odziv na vsako dejanje. Na primer; izrežite in kopirajte za odložišče, premaknite se in kliknite miško, gumbe za obrazec. Prireditve spletne aplikacije sproti ustvarjajo v pametnih delovnih sistemih.
Priporočeni članki
To je vodnik za dogodke HTML. Tukaj razpravljamo o uvedbi in vrstah dogodkov HTML, kot so okno, obrazec, tipkovnica in še veliko več, skupaj s podrobno razlago atributov. Če želite izvedeti več, si oglejte tudi naslednje članke -
- Osnovne oznake HTML
- Prednosti HTML-ja
- Oznake formata HTML
- Tabele sloga HTML
- Bloki HTML
- Prvih 5 atributov dogodkov HTML s primeri
- Nastavite barvo ozadja v HTML s Primerom
- Vodnik po različnih JavaScript dogodkih
- Potrjevanje obrazca HTML | Primeri