השינוי במצב של אובייקט ידוע בשם an מִקרֶה . ב-html, ישנם אירועים שונים המייצגים שפעילות כלשהי מבוצעת על ידי המשתמש או על ידי הדפדפן. מתי javascript הקוד כלול ב-HTML, js מגיבים על אירועים אלו ומאפשרים את הביצוע. תהליך זה של תגובה על האירועים נקרא טיפול באירועים . לפיכך, js מטפל באירועי HTML באמצעות מטפלי אירועים .
לדוגמה , כאשר משתמש לוחץ על הדפדפן, הוסף קוד js, אשר יבצע את המשימה שתתבצע באירוע.
חלק מאירועי HTML ומטפלי האירועים שלהם הם:
אירועי עכבר:
| האירוע בוצע | מנהל אירועים | תיאור |
|---|---|---|
| נְקִישָׁה | בלחיצה | כאשר לוחצים בעכבר על אלמנט |
| העברה בעכבר | מעבר עכבר | כאשר סמן העכבר עובר על האלמנט |
| יציאה בעכבר | onmouseout | כאשר הסמן של העכבר עוזב אלמנט |
| הורדת עכבר | onmousedown | כאשר כפתור העכבר נלחץ מעל האלמנט |
| עכבר | onmouseup | כאשר כפתור העכבר משוחרר מעל האלמנט |
| להזיז עכבר | onmousemove | כאשר מתרחשת תנועת העכבר. |
אירועי מקלדת:
| האירוע בוצע | מנהל אירועים | תיאור |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | כאשר המשתמש לוחץ ולאחר מכן משחרר את המקש |
טופס אירועים:
| האירוע בוצע | מנהל אירועים | תיאור |
|---|---|---|
| מוֹקֵד | להתמקד | כאשר המשתמש מתמקד באלמנט כלשהו |
| שלח | onsubmit | כאשר המשתמש שולח את הטופס |
| לְטַשׁטֵשׁ | onblur | כאשר הפוקוס רחוק מאלמנט צורה |
| שינוי | בשינוי | כאשר המשתמש משנה או משנה את הערך של רכיב טופס |
אירועי חלון/מסמך
| האירוע בוצע | מנהל אירועים | תיאור |
|---|---|---|
| לִטעוֹן | עומס | כאשר הדפדפן מסיים את טעינת העמוד |
| לִפְרוֹק | לפרוק | כאשר המבקר עוזב את דף האינטרנט הנוכחי, הדפדפן פורק אותו |
| שנה גודל | שינוי גודל | כאשר המבקר משנה את גודל החלון של הדפדפן |
הבה נדון בכמה דוגמאות על אירועים והמטפלים שלהם.
לחץ על אירוע
Javascript Eventsבדוק את זה עכשיו
אירוע MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>בדוק את זה עכשיו
אירוע פוקוס
Javascript Events <h2> Enter something here</h2>בדוק את זה עכשיו
אירוע מקלדת
Javascript Events <h2> Enter something here</h2>בדוק את זה עכשיו
אירוע טעינת
Javascript Events <br>בדוק את זה עכשיו