[Code]

<nút onclick = “báo động ( this.innerHTML )”> Bấm vào tôi để xem tôi </button>

[/Code]

Sử dụng DOM đối tượng tài sản: Ở đây việc chuyển nhượng được thực hiện sử dụng tài sản – onevent. Trong trường hợp này, chúng ta cần phải nhận được phần tử đầu tiên và sau đó gán một handler cho sự onevent tài sản. The following code is an example of setting a click handler to the element with id ‘myId’

Listing 4: xử lý sự kiện sử dụng DOM đối tượng tài sản

[Code]

<input id = “mã số của tôi” type = “button” value = “nhấn tôi”/>

<script>

document.getElementById( ‘ mã số của tôi ‘ ).onclick = function() {

báo động('Cảm ơn')

}

</script>

[/Code]

Ở đây có hai điều sau đây phải được lưu ý để sử dụng này –

· It is a property, không phải là một thuộc tính và tên của nó là onevent đó là trường hợp nhạy cảm và phải ở trong trường hợp thấp hơn.

· The handler should be a function not a String.

Khi trình duyệt tìm thấy một thuộc tính onevent trong đánh dấu HTML, nó tạo ra một hàm sử dụng nội dung của nó và gán nó vào bất động sản. Vì vậy, hai mã sau đây không giống nhau

Listing 5: xử lý sự kiện chỉ sử dụng HTML

[Code]

<input type = “button” onclick = “báo động( 'Nhấp chuột!’ )” value = “nút”/>

[/Code]

Listing 6: xử lý sự kiện sử dụng HTML & JS.

[Code]

<input type = “button” id = “button” value = “nút”/>

<script>

document.getElementById('Nút').onclick = function() {

báo động('Nhấp chuột!’)

}

</script>

[/Code]

JavaScript ghi đè một handler thiết trong đánh dấu. Đoạn sau đây thay thế một handler đánh dấu bằng một cái mới

Listing 7: Ghi đè lên một bộ xử lý.
[Code]

<input type =”button” onclick =”báo động('Trước')” value=”nhấn tôi”/>

<script>

document.getElementsByTagName('đầu vào')[0].onclick = function() {

báo động('Sau')

}

</script>

[/Code]

Sử dụng phương pháp đặc biệt: Trong một ứng dụng JavaScript phức tạp, nơi phương thức giao diện khác nhau xử lý các phương pháp tùy chỉnh sự kiện thông thường được sử dụng để gán xử lý. Microsoft cung cấp một giải pháp mà chỉ làm việc với phiên bản IE ít hơn 9 và cũng với Opera. Trình xử lý được phân công và tách ra như dưới
Gắn một Handler

Listing 8: Gắn và tháo gỡ xử lý
[Code]

element.attachEvent( “trên” + biến cố, xử lý)

[/Code]

Loại bỏ một Handler –

[Code]

element.detachEvent( “trên” + biến cố, xử lý)

[/Code]

Sử dụng kèm theo sự kiện, chúng ta có thể gán nhiều xử lý cùng một phần tử. Đoạn mã sau đây cho thấy điều này

Listing 9: Phân công xử lý nhiều đến một yếu tố.

[Code]

<input id = “myElement” type = “button” value = “nhấn tôi” />

<script>

var myElement = document.getElementById( “myElement” )

đã hành động = function() {

báo động( 'Cảm ơn!’ )

}

là ngành nghề 2. = function() {

báo động( 'Cảm ơn một lần nữa!’ )

}

myElement.attachEvent( “trong một cái nhấp chuột”, xử lý)

myElement.attachEvent( “trong một cái nhấp chuột”, handler2)

</script>

[/Code]

Đính kèm các sự kiện không vượt qua các tham số 'này'. Theo các tiêu chuẩn W3C sự phân công xử lý sau hoạt động ở hầu hết các trình duyệt được sử dụng ngày nay.

Gắn một Handler

Listing 10: Gắn và tháo gỡ xử lý theo w3c
[Code]

element.addEventListener ( biến cố, xử lý, giai đoạn )

[/Code]
Loại bỏ một Handler
[Code]

thành phần. removeEventListener ( biến cố, xử lý, giai đoạn )

[/Code]

hành động liên quan đến tổ chức sự kiện: Chúng ta nên chăm sóc bốn hành động sau khi xử lý hành động sự kiện liên quan

· Đăng ký xử lý sự kiện: Điều này có thể được thực hiện bằng cách thiết lập các yếu tố tài sản onevent ví dụ. onclick hoặc onkeypress vv. Điều này làm việc với toàn bộ trình duyệt nhưng có một giới hạn mà chúng ta có thể đính kèm chỉ có một xử lý sự kiện cho một phần tử. Các sự kiện đính kèm có thể được loại bỏ trong một thời trang tương tự như sử dụng detachEvent hoặc removeEventListener.

· Lấy đối tượng sự kiện: Đa số các trình duyệt thông qua các đối tượng sự kiện như một tham số để xử lý. Ba sự kiện sau đây được tạo ra khi người dùng nhấp chuột của mình.

o mousedown: chỉ ra rằng những con chuột được nhấn.

o mouseup: chỉ ra rằng những con chuột được phát hành.

o Click: chỉ ra rằng những con chuột được nhấp. Nếu điều này xảy ra liên tiếp, điều này chỉ ra rằng một nhấp đúp chuột đã xảy ra.

· Extract information from the object – Bước thứ ba là thông tin liên quan đến trích hành động của đối tượng và bắt đầu hành động.

· Inform about the completion of the event – Đây là bước cuối cùng. Một khi sự kiện này được bán đấu giá thành công việc hoàn thành sự kiện được đánh dấu.

Summary: Để kết luận các cuộc thảo luận, chúng tôi có thể giữ cho các điểm sau đây trong tâm trí
· 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 sự kiện và sự kiện Window.

· 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