[Code]

<ღილაკს onclick = “alert ( this.innerHTML )”> დააჭირეთ me ჩემს სანახავად </ღილაკს>

[/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]

<input id = “myid” type = “ღილაკს” მნიშვნელობა = “დააჭირეთ me”/>

<script>

document.getElementById( ‘ myid ‘ ).onclick = ფუნქცია() {

alert("მადლობა")

}

</script>

[/Code]

აქ შემდეგ ორი რამ უნდა აღინიშნოს, რათა გამოიყენონ ეს –

· It is a property, არ ატრიბუტი და მისი სახელი არის onevent რომელიც ასოთი და უნდა იყოს ქვედა შემთხვევაში.

· The handler should be a function not a String.

როდესაც ბრაუზერის პოულობს onevent ატრიბუტი HTML markup, ეს ქმნის ფუნქციის გამოყენებით მისი შინაარსი და ანიჭებს მას ქონება. ასე რომ, შემდეგი ორი კოდები იგივეს

Listing 5: ღონისძიება დამმუშავებლის გამოყენებით მხოლოდ HTML

[Code]

<input type = “ღილაკს” onclick = “alert( 'Click!’ )” მნიშვნელობა = “Button”/>

[/Code]

Listing 6: ღონისძიება დამმუშავებლის გამოყენებით HTML & JS.

[Code]

<input type = “ღილაკს” id = “ღილაკს” მნიშვნელობა = “Button”/>

<script>

document.getElementById('ღილაკს ").onclick = ფუნქცია() {

alert('Click!’)

}

</script>

[/Code]

JavaScript overwrites კურატორმა მითითებული markup. შემდეგი snippet ცვლის markup კურატორმა ახლით

Listing 7: Overwriting კურატორმა კომპლექტი.
[Code]

<input type=”ღილაკს” onclick =”alert("სანამ")” value=”დააჭირეთ me”/>

<script>

document.getElementsByTagName("Input")[0].onclick = ფუნქცია() {

alert("მას შემდეგ, რაც")

}

</script>

[/Code]

სპეციალური მეთოდები: კომპლექსი JavaScript პროგრამა, სადაც სხვადასხვა ინტერფეისი მეთოდები გაუმკლავდეს საერთო ღონისძიება საბაჟო მეთოდები გამოიყენება მივანიჭოთ ელფოსტის. Microsoft უზრუნველყოფს გადაწყვეტა, რომელიც მუშაობს მხოლოდ IE ვერსია ნაკლები 9 და ასევე ოპერის. ელფოსტის გვაკისრია და მდგომი ქვეშ
ვამაგრებ Handler

Listing 8: ვამაგრებ და მოხსნის ელფოსტის
[Code]

element.attachEvent( “წლის” + ღონისძიება, კურატორმა)

[/Code]

მოხსნის Handler –

[Code]

element.detachEvent( “წლის” + ღონისძიება, კურატორმა)

[/Code]

გამოყენება ანიჭებენ ღონისძიების, ჩვენ შეგვიძლია მივანიჭოთ მრავალჯერადი ელფოსტის იგივე ელემენტი. შემდეგი კოდი Snippet გვიჩვენებს ამ

Listing 9: მინიჭება მრავალჯერადი ელფოსტის ერთ ელემენტს.

[Code]

<input id = “myElement” type = “ღილაკს” მნიშვნელობა = “დააჭირეთ me” />

<script>

var myElement = document.getElementById( “myElement” )

მოქმედებს = ფუნქცია() {

alert( "მადლობა!’ )

}

იყო გარიგებები 2. = ფუნქცია() {

alert( 'გმადლობთ კიდევ ერთხელ!’ )

}

myElement.attachEvent( “onclick”, კურატორმა)

myElement.attachEvent( “onclick”, handler2)

</script>

[/Code]

მიმაგრება მოვლენები არ გაივლის პარამეტრი "ეს". რაც შეეხება W3C სტანდარტის შემდეგ კურატორმა დავალება მუშაობს თითქმის ყველა ბრაუზერები, რომლებიც დღეს გამოიყენება.

ვამაგრებ Handler

Listing 10: ვამაგრებ და მოხსნის ელფოსტის პოსტი W3C
[Code]

element.addEventListener ( ღონისძიება, კურატორმა, ეტაპი )

[/Code]
მოხსნის Handler
[Code]

ელემენტი. removeEventListener ( ღონისძიება, კურატორმა, ეტაპი )

[/Code]

ღონისძიება დაკავშირებული მოქმედებები: ჩვენ უნდა იზრუნოს ოთხი ქმედებისაგან, ხოლო გატარება ღონისძიება დაკავშირებული მოქმედებები

· რეგისტრაცია ღონისძიება დამმუშავებლის: ეს შეიძლება გაკეთდეს მიიღწევა ელემენტები onevent ქონების მაგ. onclick ან onkeypress ა.შ.. ეს მუშაობს მთელი ბრაუზერის მაგრამ აქვს შეზღუდვა, რომ ჩვენ შეგვიძლია ანიჭებენ მხოლოდ ერთი ღონისძიება დამმუშავებლის ელემენტს. მიმაგრებული მოვლენები შეიძლება ამოღებულ მსგავს მოდის გამოყენებით detachEvent ან removeEventListener.

· მიიღეთ ღონისძიების ობიექტი: უმრავლესობა ბრაუზერები გაივლის ღონისძიების ობიექტი, როგორც არგუმენტი კურატორმა. შემდეგ სამ მოვლენების გენერირებული როდესაც მომხმარებელი იმოქმედებს მისი მაუსი.

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