„HTML Események” változatai közötti eltérés
Innen: IT documentation
| (8 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. | ||
| 173. sor: | 171. sor: | ||
|Elavult, onwheel attribútum használható helyette. | |Elavult, onwheel attribútum használható helyette. | ||
|- | |- | ||
|onwheel | |[[HTML onwheel attribútum|onwheel]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása az egér görgőjének használatakor. | |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 == | ==[https://hu.wikipedia.org/wiki/Fogd_%C3%A9s_vidd Drag and drop] események== | ||
{| class="wikitable" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 184. sor: | 182. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
|ondrag | |[[HTML ondrag attribútum|ondrag]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása | |Szkript futtatása az elem húzásakor. | ||
|- | |- | ||
|ondragend | |[[HTML ondragend attribútum|ondragend]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása az elem elengedésekor. | ||
|- | |- | ||
|ondragenter | |[[HTML ondragenter attribútum|ondragenter]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölé ér. | ||
|- | |- | ||
|ondragleave | |[[HTML ondragleave attribútum|ondragleave]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontot hagy el. | ||
|- | |- | ||
|ondragover | |[[HTML ondragover attribútum|ondragover]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor a húzott elem érvényes drag and drop célpont fölött van. | ||
|- | |- | ||
|ondragstart | |[[HTML ondragstart attribútum|ondragstart]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása az elem megfogásakor. | ||
|- | |- | ||
|ondrop | |[[HTML ondrop attribútum|ondrop]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor a húzott elem érvényes drag and drop célpontra esik. | ||
|- | |- | ||
|onscroll | |[[HTML onscroll attribútum|onscroll]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, ha az elemen görgetés történik. | ||
|} | |} | ||
==Vágólap események == | ==Vágólap események== | ||
{| class="wikitable" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 223. sor: | 221. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
|oncopy | |[[HTML oncopy attribútum|oncopy]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, amikor | |Szkript futtatása, amikor az elem tartalma másolásra kerül. | ||
|- | |- | ||
|oncut | |[[HTML oncut attribútum|oncut]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor az elem tartalma kivágásra kerül. | ||
|- | |- | ||
|onpaste | |[[HTML onpaste attribútum|onpaste]] | ||
|''script'' | |''script'' | ||
| | |Szkript futtatása, amikor az elembe tatalom beillesztés történik. | ||
|} | |} | ||
==Média események== | ==Média események== | ||
| 340. sor: | 338. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
|ontoggle | |[[HTML ontoggle attribútum|ontoggle]] | ||
|''script'' | |''script'' | ||
|Szkript futtatása, a <details> tag kinyitása- és becsukásakor. | |Szkript futtatása, a <details> tag kinyitása- és becsukásakor. | ||
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. |
