כיצד ליישם את שיטת addEventListener () ב- JavaScript?

אירוע הוא חלק חשוב ממנו . דף אינטרנט מגיב על פי אירוע שהתרחש. חלק מהאירועים נוצרים על ידי משתמשים וחלקם נוצרים על ידי ממשקי API. במאמר זה נראה כיצד מתרחשים אירועים וכיצד משתמשים בשיטה, addEventListener ב- JavaScript ברצף הבא:

• מהו מאזין לאירועים?
• AddEventListener () ב- JavaScript
• ערכי פרמטרים
• AddEventListener ב- JavaScript: דוגמה

מהו מאזין לאירועים?

מאזין לאירועים הוא הליך ב- JavaScript שממתין לאירוע. הדוגמה הפשוטה של מִקרֶה הוא משתמש שלוחץ על העכבר או לוחץ על מקש במקלדת.

ה addEventListener () הוא מובנה פונקציית JavaScript אשר לוקח את האירוע להאזנה לו, וטיעון שני שייקרא בכל פעם שהאירוע המתואר פוטר. ניתן להוסיף מספר כלשהו של מטפלים באירועים לאלמנט יחיד מבלי להחליף את מטפלי האירועים הקיימים.

addEventListener () ב- JavaScript

חלק מה תכונות של שיטת המאזין לאירועים כוללים:

• ה addEventListener () שיטה מצרפת מנהל אירועים לאלמנט שצוין.
• שיטה זו מצרפת מטפל באירועים לאלמנט ללא החלפה מטפלי אירועים קיימים.
• אתה יכול להוסיף מטפלים באירועים רבים לאלמנט אחד.
• אתה יכול להוסיף הרבה מטפלים באירועים של אותו סוג לאחד אֵלֵמֶנט כלומר שני אירועי 'לחיצה'.
• ניתן להוסיף מאזינים לאירועים לכל אחד פְּסַק דִין התנגד לא רק לרכיבי HTML. כלומר אובייקט החלון.
• שיטת addEventListener () עושה את זה קל יותר כדי לשלוט כיצד האירוע מגיב למבעבע.

בעת שימוש בשיטת addEventListener (), JavaScript מופרד מ- סימון, לקריאות טובה יותר ומאפשר לך להוסיף מאזינים לאירועים גם כאשר אינך שולט בסימון ה- HTML.

כמו כן, תוכל להסיר בקלות מאזין לאירועים באמצעות removeEventListener () שיטה .

תחביר:

target.addEventListener (סוג, מאזין [, אפשרויות]) target.addEventListener (סוג, מאזין [, useCapture]) target.addEventListener (סוג, מאזין [, useCapture, רוצה לא אמון])

ערכי פרמטרים

עכשיו שאתה יודע איך מאזין לאירועים עובד, בוא נסתכל על דוגמה של addEventListener () ב- JavaScript.

addEventListener () ב- JavaScript: דוגמה

& lt! DOCTYPE html & gt & lthtml & gt & ltbody & gt & ltp & gt דוגמה זו משתמשת בשיטה addEventListener () לביצוע פונקציה כאשר משתמש לוחץ על כפתור. & lt / p & gt & ltbutton id = 'myBtn' & gt & gt & gt & gt ('myBtn'). addEventListener ('קליק', myFunction) פונקציה myFunction () {document.getElementById ('הדגמה'). innerHTML = 'שלום עולם'} & lt / script & gt & lt / body & gt & lt / html & gt

עם זה, אנו מגיעים לקצה של addEventListener זה ב- JavaScript. אני מקווה שהבנת איך המאזין לאירוע שיטה עובד ב- JavaScript.

בדוק את שלנו שמגיע עם הדרכה חיה בהנחיית מדריך וניסיון פרויקט אמיתי. הכשרה זו גורמת לך להיות בקיאים במיומנויות לעבוד עם טכנולוגיות אינטרנט מקדימות וקדמיות. הוא כולל הדרכה בנושא פיתוח אתרים, jQuery, Angular, NodeJS, ExpressJS ו- MongoDB.

יש לך שאלה עבורנו? אנא הזכיר זאת בקטע ההערות בבלוג 'addEventListener ב- JavaScript' ונחזור אליך.