[Code]

<կոճակը onclick = “արթուն ( this.innerHTML )”> Սեղմեք ինձ տեսնել ինձ </կոճակ>

[/Code]

Օգտագործելով DOM Object սեփականությունը: Այստեղ հանձնարարությունը կատարվում է օգտագործելով գույքը – onevent. Այս պարագայում մենք պետք է ստանալ տարրը առաջին եւ ապա նշանակում է handler է սեփականության onevent. The following code is an example of setting a click handler to the element with id ‘myId’

Listing 4: Միջոցառումը handler օգտագործելով DOM Object սեփականությունը

[Code]

<մուտքագրում id = “myId” type = “կոճակ” value = “սեղմեք ինձ”/>

<script>

document.getElementById( ‘ myId ‘ ).onclick = ֆունկցիան() {

արթուն(«Շնորհիվ»)

}

</script>

[/Code]

Այստեղ հետեւյալ երկու բան պետք է նշել, որպեսզի օգտագործել այս –

· It is a property, ոչ թե հատկանիշ է, եւ նրա անունը onevent, որը այդպես զգայուն է եւ պետք է լինի ավելի ցածր, եթե.

· The handler should be a function not a String.

Երբ բրաուզերը գտնում է onevent հատկանիշը HTML նշումներում, այն ստեղծում գործառույթ օգտագործում է իր բովանդակությունը եւ նշանակում է այն գույքի. Այնպես որ, հետեւյալ երկու կոդերը անում նույնը

Listing 5: Միջոցառումը handler օգտագործելով միայն HTML

[Code]

<input type = “կոճակ” onclick = “արթուն( 'Սեղմել!’ )” value = “կոճակ”/>

[/Code]

Listing 6: Միջոցառումը handler օգտագործելով HTML & JS.

[Code]

<input type = “կոճակ” id = “կոճակ” value = “կոճակ”/>

<script>

document.getElementById('Կոճակը').onclick = ֆունկցիան() {

արթուն('Սեղմել!’)

}

</script>

[/Code]

JavaScript- ը overwrites է handler սահմանված նշում. Հետեւյալը պատառներ փոխարինում նշագծման handler հետ նորով

Listing 7: Overwriting է handler շարք.
[Code]

<input type =”կոճակ” onclick =”արթուն('Նախքան')” value=”սեղմեք ինձ”/>

<script>

document.getElementsByTagName('Մուտքագրման')[0].onclick = ֆունկցիան() {

արթուն(Դրանից հետո ')

}

</script>

[/Code]

Օգտագործելով հատուկ մեթոդներով: Համալիր JavaScript դիմումը, որտեղ տարբեր ինտերֆեյս մեթոդներ կարգավորել տարածված միջոցառման մաքսային մեթոդները օգտագործվում են վերագրելու handlers. Microsoft- ը ապահովում է լուծում, որը ոչ միայն աշխատում է IE տարբերակի պակաս, քան 9 ինչպես նաեւ օպերայի. Handlers են նշանակվում եւ առանձնացվել է որպես տակ
Կցելով մի handler

Listing 8: Կցելով եւ հեռացնելով handlers
[Code]

element.attachEvent( “մասին” + իրադարձություն, handler)

[/Code]

Removing a handler –

[Code]

element.detachEvent( “մասին” + իրադարձություն, handler)

[/Code]

Օգտագործելով կցել միջոցառումը, մենք կարող ենք հանձնարարել բազմաթիվ handlers է նույն տարր. Հետեւյալ կոդը պատառներ ցույց է տալիս,

Listing 9: Հանձնարարելով բազմաթիվ handlers մեկ տարր.

[Code]

<մուտքագրում id = “myElement” type = “կոճակ” value = “սեղմեք ինձ” />

<script>

var myElement = փաստաթուղթ.ստանալՏարրԸստԻնքնության( “myElement” )

էր գործող = ֆունկցիան() {

արթուն( 'Thanks!’ )

}

էին Կնքված 2. = ֆունկցիան() {

արթուն( 'Նորից շնորհակալություն!’ )

}

myElement.attachEvent( “onclick”, handler)

myElement.attachEvent( “onclick”, handler2)

</script>

[/Code]

Կցել իրադարձությունները չի անցնի պարամետր «այս». Ըստ W3C ստանդարտի հետեւյալը handler հանձնարարությունը աշխատում է գրեթե բոլոր բրաուզերների, որոնք օգտագործվում են այսօր.

Կցելով մի handler

Listing 10: Կցելով եւ հեռացնելով handlers, ինչպես նաեւ ըստ W3C
[Code]

element.addEventListener ( իրադարձություն, handler, փուլ )

[/Code]
Removing a handler
[Code]

տարր. removeEventListener ( իրադարձություն, handler, փուլ )

[/Code]

Event կապված գործողություններ: Մենք պետք է հոգ տանել հետեւյալ չորս գործողությունների, իսկ բեռնաթափման միջոցառման հետ կապված գործողությունները

· Գրանցել միջոցառման handler: Սա կարող է կատարվել ընդլայնված տարրերը onevent գույքային օրինակ. onclick կամ onkeypress այլն. Այս աշխատում է ամբողջ բրաուզերի, բայց ունի սահմանափակման, որ մենք կարող ենք կցել է միայն մեկ միջոցառման handler Տարերքը. Կից իրադարձությունները կարող է հեռացվել նման նորաձեւության օգտագործելով detachEvent կամ removeEventListener.

· Ստացեք միջոցառման օբյեկտը: Մեծամասնությունը բրաուզերների անցնել միջոցառման օբյեկտը որպես փաստարկ է handler. Հետեւյալ երեք միջոցառումներ են գեներացվել է, երբ օգտագործողը կտտացնում իր մկնիկը.

o mousedown: ցույց է տալիս, որ մուկ է դրվի.

o Mouseup: ցույց է տալիս, որ մուկ է արձակվել.

o Սեղմել: ցույց է տալիս, որ մուկ է կտտացրել. Եթե ​​դա տեղի է ունենում իրավահաջորդության, Սա ցույց է տալիս, որ կրկնակի սեղմեք է տեղի ունեցել.

· 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