Sissejuhatus HTML-i sündmustesse
Hüperteksti märgistuskeel (HTML) on hüperteksti keel, mis loob veebidisaini. seda kuvatakse mis tahes veebibrauseris. HTML-i sündmused on toimingud. iga klõpsuga kasutaja saab reaktsiooni brauserist nimega Toiming. Seda protsessi nimetatakse sündmuseks.
Ütleme nii, et kui veebilehel on üks vorm, täidab kasutaja selle vormi, siis saab kasutaja kaks klahvi, üks saadetakse ja teine tühistatakse. Kui kasutajad vajutavad esitamise nuppu, salvestatakse vormi andmed. Nupul Loobu tühistage vormi andmed ja värskendage vormi uuesti. Selle nupu toimingut nimetatakse sündmuseks. see sündmus sõltub kasutajate toimingutest.
Erinevat tüüpi HTML-i sündmused
HTML5-s on saadaval palju sündmuseatribuute, mis klassifitseeritakse peamiselt kuueks erinevaks tüübiks. Need atribuudid töötavad JavaScripti keeles.
- Windowsi sündmuse atribuudid: see on ette nähtud Windowsi objekti toiminguteks. See töötab kehasildis.
- Vormi sündmuse atribuudid: kui kasutaja sooritab vormis toimingu, näiteks sisendandmete, tühistage ja edastage, siis need sündmuse atribuudid toimivad.
- Klaviatuuri sündmuse atribuudid: klaviatuuri sündmuse atribuudid, mida kasutatakse klaviatuuri toiminguteks ja kasutajaga suhtlemiseks.
- Hiire sündmuse atribuudid: hiire sündmuse atribuut, mida kasutatakse hiire liikumiseks, klõpsamiseks, juhtimiseks jne.
- Lõikelaua sündmuse atribuudid: selle sündmuse atribuudid, mida kasutatakse lõikelaua tegevuses. Näide lõigatud, kopeeritud, kahjur.
- Meediumisündmuse atribuudid: see sündmuse atribuut töötab meediumifailides nagu video jne.
Sündmuse atribuutide kirjeldus
Siin on mõned selgitused sündmuse atribuutide kohta, mis on toodud allpool detailsemalt:
1. Windowsi sündmuse atribuudid
|
Atribuut |
Kirjeldus |
| järeltrükk | See skript toimib, kuigi pärast dokumendi printimist. |
| onbeforeprint | See skript toimib, ehkki enne dokumendi printimist. |
| ennekoormamata | Seevastu enne laadimata dokumenti see skript töötab. |
| onerror | Kui dokumendis ilmneb tõrge, siis see sündmus täidetakse. |
| vahetusel | URL-i muutuse ankurosa dokumendis, mille ajaline sündmus täide viidi. |
| koormus | Kui esimene veebileht on täielikult laaditud, siis see sündmus käivitatakse. |
| teade | Dokumendis tekkis teade, mis sellel ajal sündmus täide viidi. |
| on-line | Kui võrguühendus pole saadaval ja brauser ütleb võrguühenduseta, siis sündmus käivitatakse. |
| on-line | Kui brauseris on võrk saadaval, siis sündmus teostati. |
| lehel peidus | See skript toimib, kui kasutaja ei tööta praegusel veebilehel, siis saab praeguse lehe peita. |
| lehel | See skript toimib sel ajal, kui praegune veebileht on laaditud. |
| onpopstate | See skript töötab brauseris automaatselt ajaloo oleku muutmiseks. |
| onresize | See skript toimib siis, kui akna brauser muudab suurust. |
| säilitamine | Kui kasutajate veebisalvestust värskendati, siis sündmus viidi täide. |
| mahalaadimine | Kui kasutaja praegust veebilehte ei laadita või aken suletakse, siis sündmus käivitatakse. |
2. Vormi sündmuse atribuudid
| Atribuut | Kirjeldus |
| onblur | Mõni vormi kinnitusobjekt kaotab fookuse ja sündmus vallandatakse. |
| onchange | Vormi väärtuse muutus siis sündmus vallandati. |
| onfookus | Kujul objekt on fookus. Selle objekti kallal töötamine vallandati. |
| sisend | Kasutaja sisestab väärtuse kujul, seejärel see sündmus vallandati. |
| kehtetu | Sündmus töötab siis, kui element ei vasta tema eelnevalt määratletud piirangutele. |
| onreset | Kasutaja lähtestab vormi teabe, seejärel sündmus vallandati. |
| onsearch | Kasutajad otsivad vajalikul väljal, seejärel sündmus vallandatakse. |
| vali | Kasutaja valib kujul teksti või teksti ala, seejärel vallandatakse sündmus. |
| onsubmit | Kasutaja esitab vormi lõpus ja sündmus vallandati. |
3. Klaviatuuri sündmuste atribuudid
| Atribuut | Kirjeldus |
| onkeydown | Sel ajal, kui sündmus töötab, vajutage klaviatuuri abil klahvi alla |
| onkeypress | Klaviatuuri abil saavad kasutajad vajutada klahvi ja kuvada tähemärki, kui sündmus töötab. |
| onkeyup | Pärast vajutamist vabastab võtmekasutaja võtme ja sündmus töötab. |
4. Hiire sündmuse atribuudid
| Atribuut | Kirjeldus |
| klõps | Kasutaja klõpsab hiirel nuppu, siis toimus sündmus. |
| ondblclick | Kasutajad topeltklõpsake hiirega, siis sündmus aset leidis. |
| onmousedown | Kasutaja vajutab elemendi hiirenuppu, siis sündmus aset leidis. |
| väga palju | Kasutaja liigutab hiirekursori elemendi kohal ja seejärel sündmus aset leidis. |
| onmouseout | Kasutaja liigutab hiire elemendist väljapoole, siis sündmus aset leidis. |
| onmouseoverover | Kasutaja liigutab hiire elemendi kohal ja seejärel sündmus aset leidis. |
| onmouseup | Kasutaja vabastas hiirenupu ja sündmus juhtus. |
| hiireratas | Hiirerattaga kasutaja kerib elementi üles ja alla, siis sündmus aset leidis. |
| ratastel | Kui hiireratast kasutati, keerake neid üles ja alla, siis sündmus aset leidis. |
5. Lõikelaua sündmuse atribuudid
| Atribuut | Kirjeldus |
| onkoopia | Kui sündmus juhtus hiirekasutajatega sisu kopeerimiseks, siis sündmus aset leidis. |
| oncut | Hiire kasutajate abil lõigati sisu ja sündmus juhtus. |
| pasta | Kui hiire kasutaja kleepis sisu, siis sündmus juhtus. |
6. Meediumisündmuse atribuudid
| Atribuut | Kirjeldus |
| onabort | Kui meediumifailide failide laadimine ja uuesti esitamine katkestati, toimub sündmus. |
| oncanplay | Kui mõni meediumifail on mänguvalmis, vallandatakse see päästik. |
| oncanplaythrough | Meediumifail on mängimiseks valmis ilma puhverdamise ja laadimiseta. |
| päästevahetus | Element muudab sündmuse vallandamise käiku. |
| ondurationchange | Meediumifail muudab päästiku vallandamise aja. |
| vabastatud | Kui meediumifail pole saadaval ja saatuslik tõrge, vallandatakse päästik. |
| onended | Meediumifail tuleb lõpp-punktile, seejärel päästik vallandatakse. |
| onerror | Kui meediumifaili hankimisel ilmnes tõrge, vallandatakse päästik |
| onloadeddata | Meediumifail laadib andmed ja päästik vallandatakse. |
| üleslaetud metaandmed | Meediumifail laadib metaandmed ja päästik vallandatakse. |
| onloadstart | Meediumifail hakkab laadima, seejärel päästik vallandatakse. |
| pausil | Meediumifail peatati uuesti esitamiseks, seejärel päästik vallandati. |
| ekraanil | Esitusvalmis meediumifail ja päästik vallandatakse. |
| mängib | Meediumifail hakkab mängima, seejärel päästik vallandatakse. |
| edasi arenenud | See skript toimib siis, kui brauser töötab meediumiandmetega ühenduse loomise nimel. |
| onrate muutmine | Kui videote taasesituse kiirust muudetakse, vallandatakse päästik. |
| otsitud | Teisaldamise lõpetanud kasutajad jätavad video uue positsiooni vahele. see atribuut seati valeks. |
| otsin | Kasutaja soovib teisaldada, jättes video uue positsiooni vahele. see atribuut on tõene. |
| installitud | Kui brauser peatub ootamatult andmete ühendamisel, toimib sündmus. |
| onsuspend | Kui sihtotstarbeline veebibrauser ei saa meediumiandmeid, toimivad sündmused. |
| ontimeupdate | Kui kasutaja muudab video esitusasendit edasi ja tagasi. |
| onvolumechange | Kandja mahu muutmiseks madalalt kõrgele. |
| ootamas | Kui andmed laadivad teavet, peatub praegune video puhverdamisega, siis sündmus töötab. |
Järeldus
HTML-i sündmused on lihtne viis toimingute tegemiseks ja kasutajaliidese loomiseks veebibrauserite ja kasutajate vahel. Kasutajad saavad vaevata reageerida igale tegevusele. Näiteks; Lõika ja kopeeri lõikelauale, liiguta ja klõpsa hiire jaoks, nupud vormi jaoks. Sündmused muudavad veebirakendused reaalajas ja loovad nutikad töösüsteemid.
Soovitatavad artiklid
See on HTML-i sündmuste juhend. Siin käsitleme HTML-i sündmuste sissejuhatust ja tüüpe, nagu aknad, vorm, klaviatuur ja palju muud, koos atribuutide üksikasjaliku selgitusega. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -
- Põhilised HTML-sildid
- HTML-i eelised
- HTML-vormingus sildid
- HTML-i stiililehed
- HTML-plokid
- 5 parimat HTML-i sündmuse atribuuti koos näidetega
- Seadistage HTML-is taustavärv näitega
- Erinevate JavaScripti sündmuste juhend
- HTML-i vormi valideerimine | Näited