„HTML Események” változatai közötti eltérés

Innen: IT documentation
(Új oldal, tartalma: „== HTML események == A HTML-ben eseményekhez lehet definiálni JavaScript kódokat. Ha az esemény megtörténik a JavaScript kód végrehajtásra kerül. Például h…”)
 
 
(13 közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva)
1. sor: 1. sor:
== HTML események ==
==HTML események==
A HTML-ben eseményekhez lehet definiálni JavaScript kódokat. Ha az esemény megtörténik a JavaScript kód végrehajtásra kerül. Például ha egy HTML elemhez az onclick attribútummal definiálunk egy eseményt, akkor ha az elemre kattintunk az attribútumban meghatározott JavaScript lefut.
A HTML képes kiváltani műveleteket események hatására, pl. JavaScript kódokat futtatni. Ha az esemény megtörténik a JavaScript kód végrehajtásra kerül. Például ha egy HTML elemhez az onclick attribútummal definiálunk egy eseményt, akkor ha az elemre kattintunk az attribútumban meghatározott JavaScript lefut.


== Ablak események ==
==Ablak események==
Csak a body és frameset tageken belül érvényes.
A Windows objekum által kiváltott események. Ha másként nincs feltüntetve, akkor csak a [[HTML body tag|<body>]] tag-re érvényesek.
{| class="wikitable"
{| class="wikitable"
!Attribútum
!Attribútum
9. sor: 9. sor:
!Leírás
!Leírás
|-
|-
|onload
|[[HTML onafterprint attribútum|onafterprint]]
|''script''
|Szkript futtatása a dokumentum nyomtatása után.
|-
|[[HTML onbeforeprint attribútum|onbeforeprint]]
|''script''
|Szkript futtatása a dokumentum nyomtatása előtt.
|-
|[[HTML onbeforeunload attribútum|onbeforeunload]]
|''script''
|Szkript futtatása a dokumentum törlése előtt.
|-
|[[HTML onerror attribútum|onerror]]
|''script''
|Szkript futtatása, amikor hiba történt a dokumentumban.
|-
|[[HTML onhashchange attribútum|onhashchange]]
|''script''
|Szkript futtatása, amikor az aktuális URL címke része változik.
|-
|[[HTML onload attribútum|onload]]
|''script''
|''script''
|Szkript futtatása, amikor az elem betöltődik a böngészőbe.
|Szkript futtatása, amikor az elem betöltődik a böngészőbe.
|-
|-
|onunload
|[[HTML onmessage attribútum|onmessage]]
|''script''
|Szkript futtatása üzenet esetén.
|-
|[[HTML onoffline attribútum|onoffline]]
|''script''
|Szkript futtatása, amikor a böngésző offilne lesz.
|-
|[[HTML onoffline attribútum|ononline]]
|''script''
|Szkript futtatása, amikor a böngésző online lesz.
|-
|[[HTML onpagehide attribútum|onpagehide]]
|''script''
|Szkript futtatása, amikor a felhasználó elnavigál az oldalról.
|-
|[[HTML onpageshow attribútum|onpageshow]]
|''script''
|Szkript futtatása, amikor a felhasználó az oldalra navigál.
|-
|[[HTML on popstate attribútum|onpopstate]]
|''script''
|Szkript futtatása, amikor az előzmény változik.
|-
|[[HTML onresize attribútum|onresize]]
|''script''
|Szkript futtatása, amikor az ablak mérete megváltozik.
|-
|[[HTML onstorage attribútum|onstorage]]
|''script''
|Szkript futtatása, amikor A [https://www.w3.org/TR/webstorage/ Web Storage] változik.
|-
|[[HTML onload attribútum|onunload]]
|''script''
|''script''
|Szkript futtatása, amikor az elem törlődik a böngészőből.
|Szkript futtatása, amikor az elem törlődik a böngészőből.
|}
|}


== Űrlap elemek eseményei ==
==Űrlap elemek eseményei==
Csak a form tagen belül érvényes.
[[HTML Űrlapok|Űrlap]] által kiváltott események. (Más tag-ekre is érvényes lehet).
{| class="wikitable"
{| class="wikitable"
!Attribútum
!Attribútum
25. sor: 77. sor:
!Leírás
!Leírás
|-
|-
|onblur
|[[HTML onblur attribútum|onblur]]
|''script''
|''script''
|Szkript futtatása, amikor az elem kiválasztása megszűnik.
|Szkript futtatása, amikor az elem kiválasztása megszűnik.
|-
|-
|onchange
|[[HTML onchange attribútum|onchange]]
|''script''
|''script''
|Szkript futtatása, amikor az elem adata változik.
|Szkript futtatása, amikor az elem adata változik.
|-
|-
|onfocus
|[[HTML onfocus attribútum|onfocus]]
|''script''
|''script''
|Szkript futtatása, amikor az elem kiválasztásra kerül.
|Szkript futtatása, amikor az elem kiválasztásra kerül.
|-
|-
|onreset
|[[HTML oninput attribútum|oninput]]
|''script''
|''script''
|Szkript futtatása a form alaphelyzetbe állításakor.
|Szkript futtatása, amikor egy a felhasználó értéked ad egy elemnek.
|-
|-
|onselect
|[[HTML oninvalid attribútum|oninvalid]]
|''script''
|''script''
|Szkript futtatása, amikor az elemben kijelölés történik.
|Szkript futtatása, amikor az elem értéke érvénytelen.
|-
|[[HTML onreset attribútum|onreset]]
|''script''
|Szkript futtatása az űrlap alaphelyzetbe állításakor.
|-
|[[HTML onsearch attribútum|onsearch]]
|''script''
|Szkript futtatása input type="search" elem aktiválásakor,
|-
|-
|onsubmit
|[[HTML onselect attribútum|onselect]]
|''script''
|''script''
|Szkript futtatása a form elküldésekor.
|Szkript futtatása, amikor az elemben kijelölés történik.
|}
 
== Kép elem eseménye ==
Csak az img tagre érvényes.
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|-
|onabort
|[[HTML onsubmit attribútum|onsubmit]]
|''script''
|''script''
|Szkript futtatása amikor a kép betöltése megszakad.
|Szkript futtatása az űrlap elküldésekor.
|}
|}


== Billentyűzet események ==
==Billentyűzet események==
Nem érvényes a base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style és title elemekre.
{| class="wikitable"
{| class="wikitable"
!Attribútum
!Attribútum
69. sor: 120. sor:
!Leírás
!Leírás
|-
|-
|onkeydown
|[[HTML onkeydown attribútum|onkeydown]]
|''script''
|''script''
|Szkript futtatása billentyű lenyomásakor.
|Szkript futtatása billentyű lenyomásakor.
|-
|-
|onkeypress
|[[HTML onkeypress attribútum|onkeypress]]
|''script''
|''script''
|Szkript futtatása billentyű leütésekor (lenyomás és felengedés).
|Szkript futtatása billentyű leütésekor (lenyomás és felengedés).
|-
|-
|onkeyup
|[[HTML onkeyup attribútum|onkeyup]]
|''script''
|''script''
|Szkript futtatása billentyű felengedésekor.
|Szkript futtatása billentyű felengedésekor.
|}
|}


== Egér események ==
==Egér események==
Nem érvényes a base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style és title elemekre.
{| class="wikitable"
{| class="wikitable"
!Attribútum
!Attribútum
89. sor: 139. sor:
!Leírás
!Leírás
|-
|-
|onclick
|[[HTML onclick attribútum|onclick]]
|''script''
|''script''
|Szkript futtatása az elemre kattintáskor.
|Szkript futtatása az elemre kattintáskor.
|-
|-
|ondblclick
|[[HTML ondblclick attribútum|ondblclick]]
|''script''
|''script''
|Szkript futtatása az elemre duplakattintáskor.
|Szkript futtatása az elemre duplakattintáskor.
|-
|-
|onmousedown
|[[HTML onmousedown attribútum|onmousedown]]
|''script''
|''script''
|Szkript futtatása az egér gombjának lenyomásakor.
|Szkript futtatása az egér gombjának lenyomásakor.
|-
|-
|onmousemove
|[[HTML onmousemove attribútum|onmousemove]]
|''script''
|''script''
|Szkript futtatása az egérmutató mozgatásakor.
|Szkript futtatása az egérmutató mozgatásakor.
|-
|-
|onmouseout
|[[HTML onmouseout attribútum|onmouseout]]
|''script''
|''script''
|Szkript futtatása, amikor az egérmutató lekerül az elemetről.
|Szkript futtatása, amikor az egérmutató lekerül az elemetről.
|-
|-
|onmouseover
|[[HTML onmouseover attribútum|onmouseover]]
|''script''
|''script''
|Szkript futtatása, amikor az egérmutató az elem fölé kerül.
|Szkript futtatása, amikor az egérmutató az elem fölé kerül.
|-
|-
|onmouseup
|[[HTML onmouseup attribútum|onmouseup]]
|''script''
|''script''
|Szkript futtatása az egér gombjának felengedésekor.
|Szkript futtatása az egér gombjának felengedésekor.
|-
|onmousewheel
|''script''
|Elavult, onwheel attribútum használható helyette.
|-
|[[HTML onwheel attribútum|onwheel]]
|''script''
|Szkript futtatása az egér görgőjének használatakor.
|}
==[https://hu.wikipedia.org/wiki/Fogd_%C3%A9s_vidd Drag and drop] események==
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|[[HTML ondrag attribútum|ondrag]]
|''script''
|Szkript futtatása az elem húzásakor.
|-
|[[HTML ondragend attribútum|ondragend]]
|''script''
|Szkript futtatása az elem elengedésekor.
|-
|[[HTML ondragenter attribútum|ondragenter]]
|''script''
|Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölé ér.
|-
|[[HTML ondragleave attribútum|ondragleave]]
|''script''
|Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontot hagy el.
|-
|[[HTML ondragover attribútum|ondragover]]
|''script''
|Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölött van.
|-
|[[HTML ondragstart attribútum|ondragstart]]
|''script''
|Szkript futtatása az elem megfogásakor.
|-
|[[HTML ondrop attribútum|ondrop]]
|''script''
|Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontra esik.
|-
|[[HTML onscroll attribútum|onscroll]]
|''script''
|Szkript futtatása, ha az elemen görgetés történik.
|}
==Vágólap események==
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|[[HTML oncopy attribútum|oncopy]]
|''script''
|Szkript futtatása, amikor az elem tartalma másolásra kerül.
|-
|[[HTML oncut attribútum|oncut]]
|''script''
|Szkript futtatása, amikor az elem tartalma kivágásra kerül.
|-
|[[HTML onpaste attribútum|onpaste]]
|''script''
|Szkript futtatása, amikor az elembe tatalom beillesztés történik.
|}
|}
==Média események==
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|onabort
|''script''
|Szkript futtatása, amikor a betöltés megszakad.
|-
|oncanplay
|''script''
|
|-
|oncanplaythrough
|''script''
|
|-
|oncuechange
|''script''
|
|-
|ondurationchange
|''script''
|
|-
|onemptied
|''script''
|
|-
|onended
|''script''
|
|-
|onerror
|''script''
|
|-
|onloadeddata
|''script''
|
|-
|onloadedmetadata
|''script''
|
|-
|onloadstart
|''script''
|
|-
|onpause
|''script''
|
|-
|onplay
|''script''
|
|-
|onplaying
|''script''
|
|-
|onprogress
|''script''
|
|-
|onratechange
|''script''
|
|-
|onseeked
|''script''
|
|-
|onseeking
|''script''
|
|-
|onstalled
|''script''
|
|-
|onsuspend
|''script''
|
|-
|ontimeupdate
|''script''
|
|-
|onvolumechange
|''script''
|
|-
|onwaiting
|''script''
|
|}
==Egyéb események==
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|[[HTML ontoggle attribútum|ontoggle]]
|''script''
|Szkript futtatása, a <details> tag kinyitása- és becsukásakor.
|}
[[Kategória:HTML]]

A lap jelenlegi, 2020. október 25., 18:23-kori változata

HTML események

A HTML képes kiváltani műveleteket események hatására, pl. JavaScript kódokat futtatni. Ha az esemény megtörténik a JavaScript kód végrehajtásra kerül. Például ha egy HTML elemhez az onclick attribútummal definiálunk egy eseményt, akkor ha az elemre kattintunk az attribútumban meghatározott JavaScript lefut.

Ablak események

A Windows objekum által kiváltott események. Ha másként nincs feltüntetve, akkor csak a <body> tag-re érvényesek.

Attribútum Érték Leírás
onafterprint script Szkript futtatása a dokumentum nyomtatása után.
onbeforeprint script Szkript futtatása a dokumentum nyomtatása előtt.
onbeforeunload script Szkript futtatása a dokumentum törlése előtt.
onerror script Szkript futtatása, amikor hiba történt a dokumentumban.
onhashchange script Szkript futtatása, amikor az aktuális URL címke része változik.
onload script Szkript futtatása, amikor az elem betöltődik a böngészőbe.
onmessage script Szkript futtatása üzenet esetén.
onoffline script Szkript futtatása, amikor a böngésző offilne lesz.
ononline script Szkript futtatása, amikor a böngésző online lesz.
onpagehide script Szkript futtatása, amikor a felhasználó elnavigál az oldalról.
onpageshow script Szkript futtatása, amikor a felhasználó az oldalra navigál.
onpopstate script Szkript futtatása, amikor az előzmény változik.
onresize script Szkript futtatása, amikor az ablak mérete megváltozik.
onstorage script Szkript futtatása, amikor A Web Storage változik.
onunload script Szkript futtatása, amikor az elem törlődik a böngészőből.

Űrlap elemek eseményei

Űrlap által kiváltott események. (Más tag-ekre is érvényes lehet).

Attribútum Érték Leírás
onblur script Szkript futtatása, amikor az elem kiválasztása megszűnik.
onchange script Szkript futtatása, amikor az elem adata változik.
onfocus script Szkript futtatása, amikor az elem kiválasztásra kerül.
oninput script Szkript futtatása, amikor egy a felhasználó értéked ad egy elemnek.
oninvalid script Szkript futtatása, amikor az elem értéke érvénytelen.
onreset script Szkript futtatása az űrlap alaphelyzetbe állításakor.
onsearch script Szkript futtatása input type="search" elem aktiválásakor,
onselect script Szkript futtatása, amikor az elemben kijelölés történik.
onsubmit script Szkript futtatása az űrlap elküldésekor.

Billentyűzet események

Attribútum Érték Leírás
onkeydown script Szkript futtatása billentyű lenyomásakor.
onkeypress script Szkript futtatása billentyű leütésekor (lenyomás és felengedés).
onkeyup script Szkript futtatása billentyű felengedésekor.

Egér események

Attribútum Érték Leírás
onclick script Szkript futtatása az elemre kattintáskor.
ondblclick script Szkript futtatása az elemre duplakattintáskor.
onmousedown script Szkript futtatása az egér gombjának lenyomásakor.
onmousemove script Szkript futtatása az egérmutató mozgatásakor.
onmouseout script Szkript futtatása, amikor az egérmutató lekerül az elemetről.
onmouseover script Szkript futtatása, amikor az egérmutató az elem fölé kerül.
onmouseup script Szkript futtatása az egér gombjának felengedésekor.
onmousewheel script Elavult, onwheel attribútum használható helyette.
onwheel script Szkript futtatása az egér görgőjének használatakor.

Drag and drop események

Attribútum Érték Leírás
ondrag script Szkript futtatása az elem húzásakor.
ondragend script Szkript futtatása az elem elengedésekor.
ondragenter script Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölé ér.
ondragleave script Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontot hagy el.
ondragover script Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölött van.
ondragstart script Szkript futtatása az elem megfogásakor.
ondrop script Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontra esik.
onscroll script Szkript futtatása, ha az elemen görgetés történik.

Vágólap események

Attribútum Érték Leírás
oncopy script Szkript futtatása, amikor az elem tartalma másolásra kerül.
oncut script Szkript futtatása, amikor az elem tartalma kivágásra kerül.
onpaste script Szkript futtatása, amikor az elembe tatalom beillesztés történik.

Média események

Attribútum Érték Leírás
onabort script Szkript futtatása, amikor a betöltés megszakad.
oncanplay script
oncanplaythrough script
oncuechange script
ondurationchange script
onemptied script
onended script
onerror script
onloadeddata script
onloadedmetadata script
onloadstart script
onpause script
onplay script
onplaying script
onprogress script
onratechange script
onseeked script
onseeking script
onstalled script
onsuspend script
ontimeupdate script
onvolumechange script
onwaiting script

Egyéb események

Attribútum Érték Leírás
ontoggle script Szkript futtatása, a <details> tag kinyitása- és becsukásakor.
A lap eredeti címe: „https://doc.onlinesoft.org/index.php?title=HTML_Események&oldid=1373”