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 |
onafterprint | Ovaj scenarij djeluje, iako je dokument ispisan. |
onbeforeprint | Ovaj scenarij djeluje, prije nego je ispisan dokument. |
onbeforeunload | Dok prije istovara dokument, ovaj Skripta djeluje. |
onerror | U dokumentu se pojavljuje Pogreška, a taj se događaj izvršava. |
onhashchange | Sidreni dio promjene URL-a u dokumentu koji se izvršio u navedenom vremenskom događaju. |
oznake onload | Kada se prva web stranica učita u potpunosti, tada se ovaj događaj izvršava. |
OnMessage | U dokumentu se poruka dogodila u to vrijeme izvršen događaj. |
onoffline | Ako mrežna veza nije dostupna, a preglednik kaže izvan mreže, događaj se tada izvršava. |
ononline | Kada je mreža dostupna u pregledniku, tada se događaj izvršio. |
onpagehide | Ovaj postupak skripte, ako korisnik koji ne radi na trenutnoj web stranici tada trenutne stranice može biti skriven. |
onpageshow | Ova skripta djeluje u to vrijeme kada se učitava trenutna web stranica. |
onpopstate | Ova skripta automatski radi na pregledniku radi promjene stanja povijesti. |
onresize | Ova skripta djeluje kada preglednik prozora promijeni veličinu. |
onstorage | Kada se web pohrana korisnika ažurira, tada se događaj izvršava. |
OnUnload | Ili 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 |
onblur | Neki objekt za provjeru forme oslobađa fokus i aktivira događaj. |
onchange | Promjena vrijednosti u obrascu i tada je pokrenut događaj. |
onfocus | U obliku, objekt ima fokus. Rad na ovom objektu se tada pokrenuo. |
oninput | Korisnik daje unos vrijednosti u obrascu, a zatim se aktivira ovaj događaj. |
oninvalid | Događaj djeluje na način kad element ne zadovoljava svoje unaprijed definirane ograničenja. |
onreset | Korisnik resetira podatke o obrascu i tada pokreće događaj. |
onsearch | Korisnici pretražuju traženo polje i tada se aktivira događaj. |
onselect | Korisnik odabire tekst ili tekstno područje u obliku koji se tada aktivira. |
onsubmit | Korisnik predaje obrazac na kraju, a zatim se događaj otvara. |
3. Atributi događaja na tipkovnici
Atribut | Opis |
onkeydown | Pomoću tipkovnice korisnička tipka za pritisak u tom trenutku djeluje |
onkeypress | Pomoću tipkovnice korisnici pritisnu tipku i prikazuju znakove u tom trenutku koji funkcionira. |
onkeyup | Nakon pritiska, ključni korisnik otpušta ključ, a zatim događaj radi. |
4. Atributi miša događaja
Atribut | Opis |
na klik | Korisnik klikne mišem na gumb i tada se dogodio događaj. |
ondblclick | Korisnici dvaput kliknu mišem i tada se dogodio događaj. |
onmousedown | Korisnik pritisne tipku miša na element, a zatim se dogodio događaj. |
onmousemove | Korisnik pomiče pokazivač miša preko elementa zatim se događaj dogodio. |
onmouseout | Korisnik pomiče miš izvan elementa, a zatim se dogodio događaj. |
onmouseover | Korisnik prelazi mišem preko elementa zatim se događaj dogodio. |
onmouseup | Korisnik je otpustio tipku miša i dogodio se događaj. |
onmousewheel | Korištenje kotača miša prebacuje element gore i dolje nakon toga se dogodio događaj. |
onwheel | Koristite 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 |
oncopy | Upotreba korisnika miša za kopiranje sadržaja tada se dogodio. |
oncut | Korisnici miša rezali su sadržaj i tada se dogodio događaj. |
onpaste | Korištenjem miša korisnik zalijepi sadržaj, tada se dogodio događaj. |
6. Atributi medijskog događaja
Atribut | Opis |
onabort | Kad su medijske datoteke prekinute za preuzimanje i ponovno reproduciranje, događa se događaj. |
oncanplay | Kad je bilo koja medijska datoteka spremna za reprodukciju, tada se aktivira ovaj okidač. |
oncanplaythrough | Medijska datoteka spremna za reprodukciju bez puferiranja i učitavanja. |
oncuechange | Element mijenja znak tada aktiviranog događaja. |
ondurationchange | Medijska datoteka mijenja trajanje vremena nakon aktiviranja okidača. |
onemptied | Ako medijska datoteka nije dostupna i dođe do kobne pogreške tada se aktivira. |
onended | Medijska datoteka dolazi na krajnjoj točki, a zatim se aktivira. |
onerror | Kada se dogodila pogreška u dohvaćanju medijske datoteke, tada se aktivira |
onloadeddata | Medijska datoteka učitava podatke i tada se aktivira. |
onloadedmetadata | Medijska datoteka učitava metapodate, a zatim se aktivira. |
onloadstart | Pokreće se medijska datoteka, a zatim se aktivira. |
onpause | Medijska datoteka pauzirana za ponovno reproduciranje, a zatim se aktivira. |
onplay | Medijska datoteka spremna za reprodukciju, a zatim se aktivira. |
onplaying | Pokreće se medijska datoteka, a zatim se aktivira. |
onprogress | Ova skripta djeluje kada preglednik radi na povezivanju s medijskim podacima. |
onratechange | Ako se promijeni brzina reprodukcije videozapisa, aktivira se okidač. |
onseeked | Korisnici dovršeni premještanjem u suprotnom preskaču novu poziciju videozapisa. ovaj atribut postavljen kao lažan. |
onseeking | Korisnik želi pomaknuti u suprotnom preskočiti novu poziciju videozapisa. ovaj atribut postavljen kao istinit. |
onstalled | Kada preglednik iznenada stane na vezu podataka, tada događaj funkcionira. |
onsuspend | Kada web preglednik namjerno ne dobije medijske podatke, tada događaji funkcioniraju. |
ontimeupdate | Kada korisnik promijeni položaj reprodukcije videozapisa, kao što je naprijed i natrag. |
onvolumechange | Za promjenu glasnoće medija od niske do visoke. |
onwaiting | Ako 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 -
- Osnovne HTML oznake
- Prednosti HTML-a
- Oznake HTML formata
- Tablice stilova HTML
- HTML Blokovi
- Top 5 atributa HTML događaja s primjerima
- Postavite boju pozadine u HTML-u s primjerom
- Vodič za različite JavaScript događaje
- Provjera HTML obrasca | Primjeri