„HTML Események” változatai közötti eltérés
Innen: IT documentation
| (10 közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva) | |||
| 3. sor: | 3. sor: | ||
==Ablak események== | ==Ablak események== | ||
A Windows objekum által kiváltott események. | 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 | ||
|- | |- | ||
|onafterprint | |[[HTML onafterprint attribútum|onafterprint]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása a dokumentum nyomtatása után. | |Szkript futtatása a dokumentum nyomtatása után. | ||
|- | |- | ||
|onbeforeprint | |[[HTML onbeforeprint attribútum|onbeforeprint]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása a dokumentum nyomtatása előtt. | |Szkript futtatása a dokumentum nyomtatása előtt. | ||
|- | |- | ||
|onbeforeunload | |[[HTML onbeforeunload attribútum|onbeforeunload]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása a dokumentum törlése előtt. | |Szkript futtatása a dokumentum törlése előtt. | ||
|- | |- | ||
|onerror | |[[HTML onerror attribútum|onerror]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor hiba történt a dokumentumban. | |Szkript futtatása, amikor hiba történt a dokumentumban. | ||
|- | |- | ||
|onhashchange | |[[HTML onhashchange attribútum|onhashchange]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor az aktuális URL címke része változik. | |Szkript futtatása, amikor az aktuális URL címke része változik. | ||
|- | |- | ||
|onload | |[[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. | ||
|- | |- | ||
|onmessage | |[[HTML onmessage attribútum|onmessage]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása üzenet esetén. | |Szkript futtatása üzenet esetén. | ||
|- | |- | ||
|onoffline | |[[HTML onoffline attribútum|onoffline]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor a böngésző offilne lesz. | |Szkript futtatása, amikor a böngésző offilne lesz. | ||
|- | |- | ||
|ononline | |[[HTML onoffline attribútum|ononline]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor a böngésző online lesz. | |Szkript futtatása, amikor a böngésző online lesz. | ||
|- | |- | ||
|onpagehide | |[[HTML onpagehide attribútum|onpagehide]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor a felhasználó elnavigál az oldalról. | |Szkript futtatása, amikor a felhasználó elnavigál az oldalról. | ||
|- | |- | ||
|onpageshow | |[[HTML onpageshow attribútum|onpageshow]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor a felhasználó az oldalra navigál. | |Szkript futtatása, amikor a felhasználó az oldalra navigál. | ||
|- | |- | ||
|onpopstate | |[[HTML on popstate attribútum|onpopstate]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor az előzmény változik. | |Szkript futtatása, amikor az előzmény változik. | ||
|- | |- | ||
|onresize | |[[HTML onresize attribútum|onresize]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor az ablak mérete megváltozik. | |Szkript futtatása, amikor az ablak mérete megváltozik. | ||
|- | |- | ||
|onstorage | |[[HTML onstorage attribútum|onstorage]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor A [https://www.w3.org/TR/webstorage/ Web Storage] változik. | |Szkript futtatása, amikor A [https://www.w3.org/TR/webstorage/ Web Storage] változik. | ||
|- | |- | ||
|onunload | |[[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. | ||
| 77. 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. | ||
|- | |- | ||
|oninput | |[[HTML oninput attribútum|oninput]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor egy a felhasználó értéked ad egy elemnek. | |Szkript futtatása, amikor egy a felhasználó értéked ad egy elemnek. | ||
|- | |- | ||
|oninvalid | |[[HTML oninvalid attribútum|oninvalid]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor az elem értéke érvénytelen. | |Szkript futtatása, amikor az elem értéke érvénytelen. | ||
|- | |- | ||
|onreset | |[[HTML onreset attribútum|onreset]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása az űrlap alaphelyzetbe állításakor. | |Szkript futtatása az űrlap alaphelyzetbe állításakor. | ||
|- | |- | ||
|onsearch | |[[HTML onsearch attribútum|onsearch]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása input type="search" elem aktiválásakor, | |Szkript futtatása input type="search" elem aktiválásakor, | ||
|- | |- | ||
|onselect | |[[HTML onselect attribútum|onselect]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor az elemben kijelölés történik. | |Szkript futtatása, amikor az elemben kijelölés történik. | ||
|- | |- | ||
|onsubmit | |[[HTML onsubmit attribútum|onsubmit]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása az űrlap elküldésekor. | |Szkript futtatása az űrlap elküldésekor. | ||
| 115. sor: | 115. sor: | ||
==Billentyűzet események== | ==Billentyűzet események== | ||
{| class="wikitable" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 121. 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. | ||
| 135. sor: | 134. sor: | ||
==Egér események== | ==Egér események== | ||
{| class="wikitable" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 141. 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" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 184. sor: | 338. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
| | |[[HTML ontoggle attribútum|ontoggle]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása | |Szkript futtatása, a <details> tag kinyitása- és becsukásakor. | ||
|} | |} | ||
[[Kategória:HTML]] | [[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. |