Uvod u HTML događaje

HyperText Markup Language (HTML) je hipertekstualni jezik koji stvara web dizajn. prikazan je na bilo kojem web pregledniku. HTML događaji su akcija. svaki korisnik klikne reakciju preglednika pod nazivom Akcija. Taj je postupak poznat kao Događaj.

Recimo ako web stranica ima jedan obrazac, korisnik ispunjava ovaj obrazac, tada korisnik dobiva dvije tipke, jedna se šalje, a druga otkazuje. Kada korisnici pritisnu gumb za slanje, podaci obrasca bit će spremljeni. Na gumbu za otkazivanje otkažite podatke obrasca i ponovno osvježite obrazac. Ova radnja gumba naziva događaj. ovaj događaj ovisi o radnjama korisnika.

Različita vrsta HTML događaja

U HTML5 postoji mnogo atributa događaja koji su klasificirani prvenstveno u 6 različitih vrsta. Ovi atributi djeluju na jeziku JavaScript.

  • Atributi događaja Windows: ovo se daje za radnju Windows objekta. Djeluje u body tag-u.
  • Atributi događaja obrasca obrasca: Ako korisnik izvrši neku radnju u obliku poput ulaznih podataka, odustani, predajte, tada ovi atributi događaja funkcioniraju.
  • Atributi događaja na tipkovnici: Ovaj atribut događaja tipkovnice koristi se za radnju na tipkovnici i interakciju korisnika.
  • Atributi događaja miša : Atribut mišovog događaja koji se koristi za radnju miša koja se pomiče, klik, kotač itd.
  • Atributi događaja međuspremnika u međuspremniku: atributi ovog događaja koji se koriste za radnju u međuspremniku. Primjer rez, kopiranje, štetočina.
  • Atributi medijskog događaja: ovaj atribut događaja djeluje na medijske datoteke poput videa itd.

Opis atributa događaja

Evo nekoliko objašnjenja atributa događaja koji su detaljno navedeni u nastavku:

1. Atributi događaja Windows

Atribut

Opis

onafterprintOvaj scenarij djeluje, iako je dokument ispisan.
onbeforeprintOvaj scenarij djeluje, prije nego je ispisan dokument.
onbeforeunloadDok prije istovara dokument, ovaj Skripta djeluje.
onerrorU dokumentu se pojavljuje Pogreška, a taj se događaj izvršava.
onhashchangeSidreni dio promjene URL-a u dokumentu koji se izvršio u navedenom vremenskom događaju.
oznake onloadKada se prva web stranica učita u potpunosti, tada se ovaj događaj izvršava.
OnMessageU dokumentu se poruka dogodila u to vrijeme izvršen događaj.
onofflineAko mrežna veza nije dostupna, a preglednik kaže izvan mreže, događaj se tada izvršava.
ononlineKada je mreža dostupna u pregledniku, tada se događaj izvršio.
onpagehideOvaj postupak skripte, ako korisnik koji ne radi na trenutnoj web stranici tada trenutne stranice može biti skriven.
onpageshowOva skripta djeluje u to vrijeme kada se učitava trenutna web stranica.
onpopstateOva skripta automatski radi na pregledniku radi promjene stanja povijesti.
onresizeOva skripta djeluje kada preglednik prozora promijeni veličinu.
onstorageKada se web pohrana korisnika ažurira, tada se događaj izvršava.
OnUnloadIli se trenutačna web stranica korisnika ne učitava ili je prozor zatvoren, a događaj se tada izvršava.

2. Oblikujte atribute događaja

Atribut Opis
onblurNeki objekt za provjeru forme oslobađa fokus i aktivira događaj.
onchangePromjena vrijednosti u obrascu i tada je pokrenut događaj.
onfocusU obliku, objekt ima fokus. Rad na ovom objektu se tada pokrenuo.
oninputKorisnik daje unos vrijednosti u obrascu, a zatim se aktivira ovaj događaj.
oninvalidDogađaj djeluje na način kad element ne zadovoljava svoje unaprijed definirane ograničenja.
onresetKorisnik resetira podatke o obrascu i tada pokreće događaj.
onsearchKorisnici pretražuju traženo polje i tada se aktivira događaj.
onselectKorisnik odabire tekst ili tekstno područje u obliku koji se tada aktivira.
onsubmitKorisnik predaje obrazac na kraju, a zatim se događaj otvara.

3. Atributi događaja na tipkovnici

Atribut Opis
onkeydownPomoću tipkovnice korisnička tipka za pritisak u tom trenutku djeluje
onkeypressPomoću tipkovnice korisnici pritisnu tipku i prikazuju znakove u tom trenutku koji funkcionira.
onkeyupNakon pritiska, ključni korisnik otpušta ključ, a zatim događaj radi.

4. Atributi miša događaja

Atribut Opis
na klikKorisnik klikne mišem na gumb i tada se dogodio događaj.
ondblclickKorisnici dvaput kliknu mišem i tada se dogodio događaj.
onmousedownKorisnik pritisne tipku miša na element, a zatim se dogodio događaj.
onmousemoveKorisnik pomiče pokazivač miša preko elementa zatim se događaj dogodio.
onmouseoutKorisnik pomiče miš izvan elementa, a zatim se dogodio događaj.
onmouseoverKorisnik prelazi mišem preko elementa zatim se događaj dogodio.
onmouseupKorisnik je otpustio tipku miša i dogodio se događaj.
onmousewheelKorištenje kotača miša prebacuje element gore i dolje nakon toga se dogodio događaj.
onwheelKoristite ih mišem kotačić kotačić gore i dolje nakon toga se dogodio događaj.

5. Atributi događaja međuspremnika u međuspremniku

Atribut Opis
oncopyUpotreba korisnika miša za kopiranje sadržaja tada se dogodio.
oncutKorisnici miša rezali su sadržaj i tada se dogodio događaj.
onpasteKorištenjem miša korisnik zalijepi sadržaj, tada se dogodio događaj.

6. Atributi medijskog događaja

Atribut Opis
onabortKad su medijske datoteke prekinute za preuzimanje i ponovno reproduciranje, događa se događaj.
oncanplayKad je bilo koja medijska datoteka spremna za reprodukciju, tada se aktivira ovaj okidač.
oncanplaythroughMedijska datoteka spremna za reprodukciju bez puferiranja i učitavanja.
oncuechangeElement mijenja znak tada aktiviranog događaja.
ondurationchangeMedijska datoteka mijenja trajanje vremena nakon aktiviranja okidača.
onemptiedAko medijska datoteka nije dostupna i dođe do kobne pogreške tada se aktivira.
onendedMedijska datoteka dolazi na krajnjoj točki, a zatim se aktivira.
onerrorKada se dogodila pogreška u dohvaćanju medijske datoteke, tada se aktivira
onloadeddataMedijska datoteka učitava podatke i tada se aktivira.
onloadedmetadataMedijska datoteka učitava metapodate, a zatim se aktivira.
onloadstartPokreće se medijska datoteka, a zatim se aktivira.
onpauseMedijska datoteka pauzirana za ponovno reproduciranje, a zatim se aktivira.
onplayMedijska datoteka spremna za reprodukciju, a zatim se aktivira.
onplayingPokreće se medijska datoteka, a zatim se aktivira.
onprogressOva skripta djeluje kada preglednik radi na povezivanju s medijskim podacima.
onratechangeAko se promijeni brzina reprodukcije videozapisa, aktivira se okidač.
onseekedKorisnici dovršeni premještanjem u suprotnom preskaču novu poziciju videozapisa. ovaj atribut postavljen kao lažan.
onseekingKorisnik želi pomaknuti u suprotnom preskočiti novu poziciju videozapisa. ovaj atribut postavljen kao istinit.
onstalledKada preglednik iznenada stane na vezu podataka, tada događaj funkcionira.
onsuspendKada web preglednik namjerno ne dobije medijske podatke, tada događaji funkcioniraju.
ontimeupdateKada korisnik promijeni položaj reprodukcije videozapisa, kao što je naprijed i natrag.
onvolumechangeZa promjenu glasnoće medija od niske do visoke.
onwaitingAko podaci učitavaju informacije, trenutačno zaustavljanje videozapisa s međuspremnikom tada događaj funkcionira.

Zaključak

Html događaji su jednostavan način za djelovanje i sučelje između web preglednika i korisnika. Korisnici mogu reagirati na svaku akciju bez napora. Na primjer; izrezati i kopirati u međuspremnik, pomaknuti se i kliknuti mišem, tipke za obrazac. Događaji čine web aplikacije u stvarnom vremenu i čine pametne radne sustave.

Preporučeni članci

Ovo je vodič za HTML događaje. Ovdje ćemo raspravljati o uvođenju i vrstama HTML događaja kao što su Windows, obrazac, tipkovnica i još mnogo toga, zajedno s detaljno objašnjenjem atributa. Možete pogledati i sljedeće članke da biste saznali više -

  1. Osnovne HTML oznake
  2. Prednosti HTML-a
  3. Oznake HTML formata
  4. Tablice stilova HTML
  5. HTML Blokovi
  6. Top 5 atributa HTML događaja s primjerima
  7. Postavite boju pozadine u HTML-u s primjerom
  8. Vodič za različite JavaScript događaje
  9. Provjera HTML obrasca | Primjeri

Kategorija: