Introduktion till HTML-händelser
HyperText Markup Language (HTML) är ett hypertekstspråk som skapar en webbdesign. det visas i valfri webbläsare. HTML-händelser är action. varje klickanvändare får en reaktion från en webbläsare som heter Action. Denna process kallas händelsen.
Låt oss säga om webbsidan har ett formulär, användaren fyller i detta formulär, då får användaren två nycklar, en skickas och den andra avbryts. När användare trycker på skicka-knappen sparas formdata. Avbryt formulärdata på avbrytningsknappen och uppdatera formuläret igen. Denna knapphandling kallas händelse. denna händelse beror på användarnas åtgärder.
Olika typer av HTML-händelser
Det finns många händelsegenskaper i HTML5, som främst klassificeras i 6 olika typer. Dessa attribut fungerar med JavaScript-språk.
- Windows-händelseattribut: Detta tillhandahålls för Windows-objektets åtgärd. Det fungerar i body-tagg.
- Form Händelseattribut: Om användaren utför någon åtgärd i formen som inmatningsdata, avbryt, skicka in så fungerar dessa händelsegenskaper.
- Tangentbordshändelsegenskaper: Detta tangentbordshändelsattribut som används för tangentbordshantering och användarinteraktion.
- Mushändelseattribut: Mushändelseattribut som används för musåtgärder som är rörliga, klick, hjul etc.
- Urklippshändelsegenskaper: Denna händelseattribut som används för klippbordsåtgärder. Exempel klipp, kopiera, skadedjur.
- Mediahändelseattribut: Det här händelseattributet fungerar på mediefiler som video etc.
Beskrivning av händelseattribut
Här är en förklaring av händelseattribut som ges nedan i detalj:
1. Windows Eventattribut
|
Attribut |
Beskrivning |
| onafterprint | Detta skript agerar, dock efter att dokumentet har skrivits ut. |
| onbeforeprint | Detta skript agerar, dock innan ett dokument skrivs ut. |
| onbeforeunload | Före det oladdade dokumentet fungerar detta skript. |
| onerror | I dokument inträffar felet då den här händelsen körs. |
| onhashchange | Ankardelen av URL-förändringen i dokumentet den tidshändelsen utfördes. |
| onload | När den första webbsidan laddas fullständigt körs denna händelse. |
| onMessage | I dokumentet inträffade meddelandet vid den tidpunkten utförd händelse. |
| onoffline | Om nätverksanslutningen inte är tillgänglig och webbläsaren säger offline, körs händelsen. |
| ononline | När nätverket är tillgängligt i webbläsaren så genomförs händelsen. |
| onpagehide | Detta skript agerar, om användaren inte arbetar på en aktuell webbsida kan nuvarande sida döljas. |
| onpageshow | Detta skript agerar vid den tidpunkt då den aktuella webbsidan laddas. |
| onpopstate | Det här skriptet fungerar automatiskt i webbläsaren för en historikändring. |
| onResize | Detta skript fungerar när webbläsaren i fönstret ändrar storleken. |
| onstorage | När användarnas webblagring uppdateras genomfördes händelsen. |
| onunload | Antingen användarens nuvarande webbsida laddas inte, eller så stängs fönstret, sedan genomförs händelsen. |
2. Forma händelseattribut
| Attribut | Beskrivning |
| på oskärpa | Vissa formvalideringsobjekt förlorar fokuset sedan händelsen avfyras. |
| onChange | Värdeförändringen i formen sedan avstängd händelse. |
| onFocus | I formen har objekt fokus. Arbetar med detta objekt sedan händelse avfyras. |
| oninput | Användaren anger inmatning av värdet i formen sedan den här händelsen avfyras. |
| oninvalid | Händelsen fungerar när elementet inte uppfyller sina fördefinierade begränsningar. |
| onreset | Användaren återställer formulärinformationen och avfyrar händelsen. |
| onsearch | Användare söker i det obligatoriska fältet och därefter avfyras. |
| onselect | Användaren väljer text eller textområde i form sedan händelse avfyras. |
| onsubmit | Användaren skickar in formuläret i slutet sedan händelsen avfyras. |
3. Tangentbordshändelsegenskaper
| Attribut | Beskrivning |
| onKeyDown | Med hjälp av ett tangentbord fungerar användarknappen nedåt vid den punkthändelsen |
| onkeypress | Med hjälp av tangentbordet trycker användare på tangenten och visar tecken vid den punkthändelsen fungerar. |
| onKeyUp | Efter pressen släpper nyckelanvändaren tangenten då fungerar händelsen. |
4. Attribut för mushändelse
| Attribut | Beskrivning |
| onclick | Användaren klickar på musen på knappen då inträffade en händelse. |
| ondblclick | Användare dubbelklickar med musen sedan inträffade händelsen. |
| onMouseDown | Användaren trycker på musknappen på elementet då händelsen inträffade. |
| onMouseMove | Användaren flyttar muspekaren över elementet då händelsen inträffade. |
| onmouseout | Användaren flyttar musen utanför elementet då händelsen inträffade. |
| onmouseover | Användaren flyttar musen över elementet då händelsen inträffade. |
| onMouseUp | Användaren släppte musknappen då inträffade händelsen. |
| onmousewheel | Använda mushjulets användare rullar upp och ner på elementet då händelsen inträffade. |
| onwheel | Med hjälp av en mushjulanvändare rullar du dem upp och ner sedan inträffade händelsen. |
5. Urklippshändelsegenskaper
| Attribut | Beskrivning |
| oncopy | Med musanvändare för att kopiera innehållet inträffade händelsen. |
| oncut | Använda musanvändare klippte innehållet sedan inträffade händelsen. |
| onpaste | Med musanvändare klistra in innehållet då inträffade händelsen. |
6. Attribut för mediahändelse
| Attribut | Beskrivning |
| onabort | När mediefiler avbrutits för nedladdning och uppspelning igen inträffar en händelse. |
| oncanplay | När någon mediefil är redo att spela, avbryts denna trigger. |
| oncanplaythrough | Mediefil redo att spela utan att buffra och ladda. |
| oncuechange | Elementet ändrar signalen för den avstängda händelsen. |
| ondurationchange | Mediefilen ändrar tidslängden sedan avtryckaren avfyras. |
| onemptied | Om mediefilen inte är tillgänglig och kommer dödligt fel aktiveras avtryckaren. |
| onended | Mediefilen kommer på slutpunkten sedan avlöses avtryckaren. |
| onerror | När ett fel inträffade för att hämta mediefilen aktiveras avtryckaren |
| onloadeddata | Mediefilen laddar upp data, sedan utlösaren avfyras. |
| onloadedmetadata | Mediefilen laddar metadata då avtryckaren avfyras. |
| onLoadStart | Mediefilen börjar laddas och avtryckaren avfyras. |
| onpause | Mediefilen har pausats för att spela igen, då utlösaren avfyras. |
| onplay | Mediefilen redo att spelas och avtryckaren avfyras. |
| onplaying | Mediefilen börjar spela sedan avlöses avtryckaren. |
| på framsteg | Detta skript fungerar när webbläsaren arbetar med att ansluta till mediedata. |
| onratechange | Om uppspelningshastigheten för videor ändras aktiveras avtryckaren. |
| onseeked | Användare slutförde flyttningen annars hoppar över den nya positionen för videon. detta attribut som falskt. |
| onseeking | Användaren vill flytta annars hoppa över den nya positionen för videon. detta attribut som sant. |
| onstalled | När webbläsaren plötsligt stoppar anslutningen av data fungerar händelsen. |
| onsuspend | När webbläsaren medvetet inte får mediedata fungerar händelser. |
| ontimeupdate | När en användare ändrar videouppspelningspositionen som framåt och bakåt. |
| onvolumechange | För att ändra mediavolym låg till hög. |
| onwaiting | Om data laddar informationen, nuvarande video stoppar med buffring då fungerar händelsen. |
Slutsats
Html-händelser är ett enkelt sätt att vidta åtgärder och gränssnitt mellan webbläsare och användare. Användare kan få reaktionen på varje åtgärd utan ansträngning. Till exempel; klipp och kopiera till urklipp, flytta och klicka för mus, knappar för form. Händelser gör webbapplikationer i realtid och gör smarta arbetssystem.
Rekommenderade artiklar
Detta är en guide till HTML-händelser. Här diskuterar vi introduktionen och typer av HTML-händelser som fönster, form, tangentbord och många fler tillsammans med förklaringen av attribut i detalj. Du kan också titta på följande artiklar för att lära dig mer-
- Grundläggande HTML-taggar
- Fördelar med HTML
- HTML-formatetiketter
- HTML-stilark
- HTML-block
- Topp 5 HTML-händelseattribut med exempel
- Ställ in en bakgrundsfärg i HTML med exempel
- Guide till olika JavaScript-händelser
- HTML-formulärvalidering | exempel