Introducere în evenimente HTML
HyperText Markup Language (HTML) este un limbaj hipertext care creează un design web. este afișat pe orice browser web. Evenimente HTML este Acțiune. fiecare utilizator de clic primește o reacție dintr-un browser numit Acțiune. Acest proces este cunoscut sub numele de Eveniment.
Să spunem că dacă pagina web are un formular, utilizatorul completează acest formular, apoi utilizatorul primește două chei, una este trimisă, iar cealaltă este anulată. Când utilizatorii apasă butonul de trimitere, datele formularului vor fi salvate. Pe butonul Cancel, anulați datele formularului și reîmprospătați formularul din nou. Această acțiune a butonului se numește eveniment. acest eveniment depinde de acțiunile utilizatorilor.
Diferit tip de evenimente HTML
Există multe atribute de evenimente disponibile în HTML5, care sunt clasificate în principal în 6 tipuri diferite. Aceste atribute funcționează folosind limbajul JavaScript.
- Atribute de eveniment Windows: Aceasta este furnizată pentru acțiunea obiectului Windows. Funcționează în eticheta corpului.
- Atributele evenimentului de formular: Dacă utilizatorul efectuează unele acțiuni sub formă, cum ar fi datele de intrare, anulați, trimiteți, atunci aceste atribute de eveniment funcționează.
- Atributele evenimentului de la tastatură: Acest eveniment de tastatură atributele utilizate pentru acțiunea tastaturii și interacțiunea utilizatorului.
- Atributele evenimentului mouse : Atributul evenimentului mouse-ului folosit pentru acțiunea mouse-ului care se mișcă, faceți clic, rotiți etc.
- Atributele evenimentului Clipboard: Acest atribut de eveniment utilizat pentru acțiunea clipboard. Exemplu tăiat, copiat, dăunător.
- Atributele evenimentului media: Acest atribut de eveniment funcționează pe fișiere media cum ar fi video etc.
Descrierea atributelor evenimentului
Iată câteva explicații despre atributele evenimentului care sunt prezentate mai jos în detaliu:
1. Atributele evenimentului Windows
|
Atribut |
Descriere |
| onafterprint | Acest script acționează, deși după tipărirea documentului. |
| onbeforeprint | Acest script acționează, deși înainte de un document tipărit. |
| onbeforeunload | Întrucât înainte de descărcarea documentului, acest script funcționează. |
| onerror | În document apare eroarea, apoi acest eveniment a fost executat. |
| onhashchange | Partea de ancorare a modificării URL a documentului a fost executat la acel moment. |
| onload | Când prima pagină web este încărcată complet, atunci acest eveniment a fost executat. |
| onmessage | În document, mesajul a avut loc la acel moment executat eveniment. |
| onoffline | Dacă conexiunea de rețea nu este disponibilă și browserul spune offline, atunci evenimentul a fost executat. |
| ononline | Când rețeaua disponibilă în browser, atunci evenimentul a fost executat. |
| onpagehide | Acest script acționează, dacă utilizatorul care nu lucrează la o pagină web curentă, atunci pagina curentă poate fi ascunsă. |
| onpageshow | Acest script acționează la acel moment în care se încarcă pagina web curentă. |
| onpopstate | Acest script funcționează automat pe browser pentru o modificare a stării istoriei. |
| onresize | Acest script acționează atunci când browserul ferestrei modifică dimensiunea. |
| onstorage | Atunci când stocarea web a utilizatorilor a fost actualizată atunci evenimentul a fost executat. |
| onunload | Fie pagina web curentă a utilizatorului nu este încărcată, fie fereastra este închisă, apoi evenimentul a fost executat. |
2. Formulați atributele evenimentului
| Atribut | Descriere |
| onblur | Unele obiect de validare a formei dezleagă focalizarea, apoi evenimentul a fost declanșat. |
| cu privire la schimbările | Modificarea valorii în forma apoi evenimentul a fost tras. |
| onfocus | În formă, obiectul are focalizare. Lucrând la acest obiect, apoi evenimentul a fost tras. |
| oninput | Utilizatorul oferă o valoare de intrare în formular, apoi acest eveniment a fost tras. |
| oninvalid | Evenimentul funcționează atunci când elementul nu își satisface restricțiile predefinite. |
| onreset | Utilizatorul resetează informațiile formularului, apoi evenimentul a fost tras. |
| onsearch | Utilizatorii caută câmpul necesar, apoi evenimentul a fost declanșat. |
| onselect | Utilizatorul selectează zona sau textul în formă, apoi evenimentul a fost declanșat. |
| onsubmit | Utilizatorul transmite formularul la final, apoi evenimentul a fost tras. |
3. Atributele evenimentului de la tastatură
| Atribut | Descriere |
| onkeydown | Folosind o tastatură, utilizatorul apasă tasta în jos la acel eveniment |
| onkeypress | Cu ajutorul tastaturii, utilizatorii apasă tasta și afișează caracterele la acel moment în care funcționează evenimentul. |
| onkeyup | După apăsare, utilizatorul cheie eliberează cheia, apoi evenimentul funcționează. |
4. Atributele evenimentului mouse-ului
| Atribut | Descriere |
| onclick | Utilizatorul face clic pe mouse pe buton, apoi a avut loc un eveniment. |
| ondblclick | Utilizatorii fac dublu clic pe mouse, apoi evenimentul a avut loc. |
| onmousedown | Utilizatorul apasă butonul mouse-ului pe element, apoi a avut loc evenimentul. |
| onmousemove | Utilizatorul mută indicatorul mouse-ului peste element, apoi a avut loc evenimentul. |
| onMouseOut | Utilizatorul mută mouse-ul în afara elementului, apoi a avut loc evenimentul. |
| onMouseOver | Utilizatorul mută mouse-ul peste element, apoi a avut loc evenimentul. |
| onmouseup | Utilizatorul a eliberat butonul mouse-ului apoi a avut loc evenimentul. |
| onmousewheel | Utilizarea roții de mouse utilizează elementul în sus și în jos, apoi evenimentul a avut loc. |
| onwheel | Folosind un utilizator al roții de mouse, le rostogoliți în sus și în jos, atunci evenimentul a avut loc. |
5. Atributele evenimentului Clipboard
| Atribut | Descriere |
| oncopy | Utilizarea utilizatorilor mouse-ului pentru a copia conținutul a avut loc evenimentul. |
| oncut | Utilizarea utilizatorilor de mouse a tăiat conținutul, apoi a avut loc evenimentul. |
| onpaste | Cu ajutorul utilizatorului mouse-ului lipiți conținutul, atunci a avut loc evenimentul. |
6. Atribute evenimente media
| Atribut | Descriere |
| onabort | Când fișierele media au avortat pentru descărcare și redare din nou, atunci are loc un eveniment. |
| oncanplay | Când orice fișier media este gata de redare, atunci acest declanșator este activat. |
| oncanplaythrough | Fișier media gata de redat fără tamponare și încărcare. |
| oncuechange | Elementul schimbă semnul evenimentului apoi tras. |
| ondurationchange | Fișierul media schimbă durata, apoi declanșatorul este tras. |
| onemptied | Dacă fișierul Media nu este disponibil și eroare fatală, atunci declanșatorul este tras. |
| onended | Fișierul media vine la punctul final, apoi declanșatorul este tras. |
| onerror | Când a apărut o eroare pentru a obține fișierul media, atunci declanșatorul este tras |
| onloadeddata | Fișierul media încarcă datele, apoi declanșatorul este tras. |
| onloadedmetadata | Fișierul media încarcă metadatele, apoi declanșatorul este tras. |
| onloadstart | Fișierul media începe să se încarce, apoi declanșatorul este tras. |
| onpause | Fișierul media s-a întrerupt pentru a reda iar apoi declanșatorul este tras. |
| onplay | Fișier media gata de redat, apoi declanșatorul este tras. |
| onplaying | Fișierul media începe să se redea apoi declanșatorul este tras. |
| pe progresul | Acest script acționează atunci când browserul lucrează la conectarea cu datele media. |
| onratechange | Dacă viteza de redare a videoclipurilor este modificată, atunci declanșatorul este activat. |
| onseeked | Utilizatorii s-au terminat în mișcare altfel omit din noua poziție video. acest atribut setat ca fals. |
| onseeking | Utilizatorul dorește să se mute altfel sări peste noua poziție a videoclipului. acest atribut setat ca adevărat. |
| onstalled | Când browserul se oprește brusc la conexiunea de date, atunci evenimentul funcționează. |
| onsuspend | Când Browserul Web intenționat nu primește date media, atunci evenimentele funcționează. |
| ontimeupdate | Când un utilizator schimbă poziția de redare video ca înainte și înapoi. |
| onvolumechange | Pentru a schimba volumul media scăzut la mare. |
| onwaiting | Dacă datele încarcă informațiile, video-ul curent se oprește cu tamponarea, atunci evenimentul funcționează. |
Concluzie
Evenimentele HTML sunt o modalitate ușoară de a acționa și de a interfața între browserele web și utilizatori. Utilizatorii pot obține reacția la fiecare acțiune fără efort. De exemplu; tăiați și copiați pentru clipboard, mutați și faceți clic pentru mouse, butoane pentru formular. Evenimentele fac aplicațiile web în timp real și creează sisteme inteligente de lucru.
Articole recomandate
Acesta este un ghid pentru evenimente HTML. Aici vom discuta despre introducerea și tipurile de evenimente HTML, cum ar fi Windows, formular, tastatură și multe altele, împreună cu explicația în detaliu a atributelor. De asemenea, puteți consulta următoarele articole pentru a afla mai multe-
- Etichete HTML de bază
- Avantajele HTML
- Etichete format HTML
- Fișe de stil HTML
- Blocuri HTML
- Top 5 Atribute de eveniment HTML cu exemple
- Setați o culoare de fundal în HTML cu Exemplu
- Ghid pentru diferite evenimente JavaScript
- Validare formular HTML | Exemple