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

onafterprintTa skript deluje, čeprav po natisnjenem dokumentu.
na predhodnem tiskuTa skript deluje, preden je bil natisnjen dokument.
pred nalaganjemMedtem ko pred neobremenjenim dokumentom ta skript deluje.
onerrorV dokumentu pride do napake, nato se ta dogodek izvede.
onhashchangeSidrni del spremembe URL-ja v dokumentu, ki se je izvedel časovni dogodek.
obremenitevKo se prva spletna stran naloži v celoti, se ta dogodek izvede.
onmessageV 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.
ononlineKo je omrežje na voljo v brskalniku, se je dogodek izvedel.
na straniTa skript deluje, če lahko uporabnik, ki ne deluje na trenutni spletni strani, trenutno veljavno stran.
onpageshowTa skript deluje takrat, ko se naloži trenutna spletna stran.
onpopstateTa skript samodejno deluje v brskalniku za spremembo stanja zgodovine.
velikostTa skript deluje, ko brskalnik okna spremeni velikost.
skladiščenjeKo je spletna shramba uporabnikov posodobljena, se dogodek izvede.
onunloadAli uporabnikova spletna stran ni naložena ali pa je okno zaprto in dogodek izveden.

2. Oblikujte atribute dogodkov

Atributi Opis
onblurNekaj ​​predmeta za preverjanje obrazca sprosti fokus in nato sproži dogodek.
onchangeSprememba vrednosti v obrazcu se je nato sprožila.
osredotočenostV obliki je predmet osredotočen. Delo na tem predmetu se je nato začelo.
oninputUporabnik vnese vrednost v obrazcu, nato pa se ta dogodek sproži.
neveljavenDogodek deluje, ko element ne izpolnjuje svojih vnaprej določenih omejitev.
ponovna ponastavitevUporabnik ponastavi podatke obrazca in nato sproži dogodek.
iskatiUporabniki iščejo zahtevano polje in nato sprožijo dogodek.
izberiUporabnik izbere besedilo ali besedilno območje v obrazcu in nato sproži dogodek.
oddajUporabnik obrazec odda na koncu, nato pa dogodek odpusti.

3. Atributi dogodkov na tipkovnici

Atributi Opis
onkeydownS tipkovnico uporabniški pritisni tipko navzdol ob tem dogodku deluje
onkeypressUporabniki s tipkovnico pritisnejo tipko in prikažejo znake v tistem trenutku, ko dogodek deluje.
onkeyupPo pritisku ključ uporabnik sprosti ključ, nato dogodek deluje.

4. Atributi miškega dogodka

Atributi Opis
onclickUporabnik klikne miško na gumb, nato pa se je zgodil dogodek.
ondblclickUporabniki dvakrat kliknejo miško, nato pa se je zgodil dogodek.
onmousedownUporabnik pritisne gumb miške na element, nato pa se je zgodil dogodek.
onmousemoveUporabnik premakne kazalec miške čez element, nato pa se je zgodil dogodek.
onmouseoutUporabnik premakne miško zunaj elementa, nato se je zgodil dogodek.
onmouseoverUporabnik premakne miško čez element, nato pa se je zgodil dogodek.
onmouseupUporabnik je sprostil gumb miške, nato pa se je zgodil dogodek.
onmousewheelZ uporabo miškega kolesa uporabnik pomakne element navzgor in navzdol, potem se je zgodil dogodek.
zobnikZ uporabo miškega kolesa jih zvijte navzgor in navzdol, potem se je zgodil dogodek.

5. Atributi dogodkov odložišča

Atributi Opis
onkopijaUporaba mišjih uporabnikov za kopiranje vsebine, nato pa do dogodka.
narezatiZ uporabo miške uporabniki razrežejo vsebino, potem se je zgodil dogodek.
onpasteZ uporabo miškega uporabnika prilepite vsebino in se je zgodil dogodek.

6. Atributi medijskih dogodkov

Atributi Opis
onabortKo predstavnostne datoteke prekinejo za prenos in ponovno predvajanje, se zgodi dogodek.
oncanplayKo je katera koli predstavnostna datoteka pripravljena za predvajanje, se ta sproži.
oncanplaythroughMedijska datoteka je pripravljena za predvajanje brez varovanja in nalaganja.
oncuechangeElement spremeni iztočnico takrat sproženega dogodka.
sprememba onduracijePredstavnostna 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.
enodnevnoMedijska datoteka pride na končno točko, nato se sproži sprožilec.
onerrorKo je prišlo do napake pri pridobivanju predstavnostne datoteke, se sproži sprožilec
onloadeddataPredstavnostna datoteka naloži podatke in nato sproži sprožilec.
onloadedmetadataPredstavnostna datoteka naloži metapodatke in sproži sprožilec.
onloadstartMedijska datoteka se začne nalagati, nato se sproži sprožilec.
pavzaPredstavnostna datoteka je znova zaustavljena, nato pa se sproži sprožilec.
zaigratiMedijska datoteka je pripravljena za predvajanje in sproži se sprožilec.
predvajanjeMedijska datoteka se začne predvajati, nato se sproži sprožilec.
v tekuTa skript deluje, ko brskalnik deluje na povezavi z medijskimi podatki.
onratechangeČe se hitrost predvajanja videoposnetkov spremeni, se sproži sprožilec.
onseekedUporabniki, ki so zaključeni s premikom, drugače preskočijo nov položaj videoposnetka. ta atribut je postavljen kot napačen.
ogledUporabnik se želi premakniti, drugače preskoči nov položaj videa. ta atribut je nastavljen kot resničen.
nameščenKo se brskalnik nenadoma ustavi pri povezovanju podatkov, potem dogodek deluje.
porabaKo spletni brskalnik namenoma ne dobi medijskih podatkov, potem dogodki delujejo.
ontime posodobitevKo 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 -

  1. Osnovne oznake HTML
  2. Prednosti HTML-ja
  3. Oznake formata HTML
  4. Tabele sloga HTML
  5. Bloki HTML
  6. Prvih 5 atributov dogodkov HTML s primeri
  7. Nastavite barvo ozadja v HTML s Primerom
  8. Vodnik po različnih JavaScript dogodkih
  9. Potrjevanje obrazca HTML | Primeri