[Code]

<כפתור onclick = “עֵרָנִי ( this.innerHTML )”> לחץ עלי כדי לראות אותי </לַחְצָן>

[/Code]

באמצעות נכס אובייקט DOM: הנה המשימה נעשית באמצעות הנכס – onevent. במקרה זה אנחנו צריכים לקבל את האיבר הראשון ולאחר מכן להקצות המטפל בנכס onevent. The following code is an example of setting a click handler to the element with id ‘myId’

Listing 4: מטפל אירוע באמצעות נכס אובייקט DOM

[Code]

<id = קלט “התעודת זהות שלי” סוג = “לַחְצָן” ערך = “לחץ לי”/>

<script>

document.getElementById( ‘ התעודת זהות שלי ‘ ).onclick = פונקציה() {

עֵרָנִי('תודה')

}

</script>

[/Code]

הנה שני הדברים הבאים חייבים לציין על מנת להשתמש באפשרות זו –

· It is a property, לא תכונה ושמה הוא onevent שהוא במקרה רגיש צריך להיות באותיות קטנות.

· The handler should be a function not a String.

כאשר הדפדפן מוצא תכונה onevent ב סימון HTML, הוא יוצר פונקציה באמצעות התוך ומקצה אותו הנכס. אז שני הקודים הבאים עושה את אותו הדבר

Listing 5: מטפל אירוע באמצעות HTML בלבד

[Code]

<input type = “לַחְצָן” onclick = “עֵרָנִי( 'נְקִישָׁה!’ )” ערך = “לַחְצָן”/>

[/Code]

Listing 6: מטפל אירוע באמצעות HTML & JS.

[Code]

<input type = “לַחְצָן” id = “לַחְצָן” ערך = “לַחְצָן”/>

<script>

document.getElementById('לַחְצָן').onclick = פונקציה() {

עֵרָנִי('נְקִישָׁה!’)

}

</script>

[/Code]

JavaScript דורסת מטפל להגדיר בסימון. הקטע להלן מחליף מטפל סימון בחדשה

Listing 7: החלפת סט מטפל.
[Code]

<input type =”לַחְצָן” onclick =”עֵרָנִי('לפני')” value=”לחץ לי”/>

<script>

document.getElementsByTagName('קֶלֶט')[0].onclick = פונקציה() {

עֵרָנִי('לאחר')

}

</script>

[/Code]

באמצעות שיטות מיוחדות: בשנת יישום JavaScript מורכב, איפה שיטות ממשק שונות להתמודד עם שיטות מנהג תופעה נפוצה משמשות להקצות מטפלים. מיקרוסופט מספקת פתרון אשר עובד רק עם IE גרסה פחות 9 וגם עם האופרה. מטפלים מוקצה ומנותקים כמו תחת
צירוף הנדלר

Listing 8: חיבור והסרה מטפל
[Code]

element.attachEvent( “on” + מִקרֶה, המטפל)

[/Code]

הסרת הנדלר –

[Code]

element.detachEvent( “on” + מִקרֶה, המטפל)

[/Code]

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

Listing 9: הקצאת מטפלי מרובי אלמנט אחד.

[Code]

<id = קלט “myElement” סוג = “לַחְצָן” ערך = “לחץ לי” />

<script>

var myElement = document.getElementById( “myElement” )

פעל = פונקציה() {

עֵרָנִי( 'תודה!’ )

}

עסקאות היו 2. = פונקציה() {

עֵרָנִי( 'שוב תודה!’ )

}

myElement.attachEvent( “בלחיצה”, המטפל)

myElement.attachEvent( “בלחיצה”, handler2)

</script>

[/Code]

צרף אירועים לא להעביר את הפרמטר 'זה'. כאמור בתקן W3C המשימה המטפלת הבאה פועלת כמעט בכל הדפדפנים המשמשים היום.

צירוף הנדלר

Listing 10: חיבור והסרה מטפל לפי w3c
[Code]

element.addEventListener ( מִקרֶה, המטפל, שלב )

[/Code]
הסרת הנדלר
[Code]

אֵלֵמֶנט. removeEventListener ( מִקרֶה, המטפל, שלב )

[/Code]

פעולות הקשורות אירוע: אנחנו צריכים לדאוג אחד מארבע הפעולות הבאות בעת טיפול פעולות הקשורות לאירוע

· הירשם למטפל האירוע: ניתן לעשות זאת על ידי הגדרת האלמנטים onevent הרכוש למשל, SpellCheckerService. onclick או onkeypress וכו. זה עובד עם הדפדפן כולו אבל יש מגבלה שנוכל לצרף רק מטפל באירועים אחד לאלמנט. האירועים המצורפים ניתן להסיר באופן דומה באמצעות detachEvent או removeEventListener.

· קבל את אובייקט האירוע: רוב הדפדפנים להעביר את אובייקט האירוע כטיעון למטפל. השלושה האירועים הבאים נוצרים כאשר המשתמש לוחץ העכבר שלו.

o mousedown: מציין כי העכבר נלחץ.

o mouseup: מציין כי העכבר הוא שוחרר.

o Click: עולה כי נלחץ העכבר. אם זה קורה ברצף, זה מצביע על כך בלחיצה כפולה קרתה.

· Extract information from the object – השלב השלישי הוא המידע הקשור פעולת תמצית מהאובייקט וליזום את הפעולה.

· Inform about the completion of the event – זהו השלב האחרון. לאחר האירוע במכירה פומבית בהצלחה השלמת האירוע מסומן.

Summary: לסיכום הדיון נוכל לשמור על הנקודות הבאות בחשבון
· An event is a signal from the front end to the back end.

· Used to initiate an action which should be performed as per the customers need.

· Events are of two types – אירועי DOM ואירועי חלון.

· Event handlers are functions associated to events.

· Event handlers are assigned in the following way

o Using HTML tag

o Using DOM object property

o Using special methods