Event listener and Event handlers

Bạn có thể dùng thuộc tính EventHandler có sẵn của object để "bắt sự kiện".

STT	Event Name	Description
1	onclick	Sự kiện xảy ra khi click vào thẻ HTML
2	ondbclick	Sự kiện xảy ra khi double click vào thẻ HTML
3	onchange	Sự kiện xảy ra khi giá trị (value) của thẻ HTML đổi. Thường dùng trong các đối thẻ form input
4	onmouseover	Sự kiện xảy ra khi con trỏ chuột bắt đầu đi vào thẻ HTML
5	onmouseout	Sự kiện xảy ra khi con trỏ chuột bắt đầu rời khỏi thẻ HTML
6	onmouseenter	Tương tự như onmouseover
7	onmouseleave	Tương tự như onmouseout
8	onmousemove	Sự kiện xảy ra khi con chuột di chuyển bên trong thẻ HTML
9	onkeydown	Sự kiện xảy ra khi gõ một phím bất kì vào ô input
10	onload	Sự kiện xảy ra khi thẻ HTML bắt đầu chạy, nó giống như hàm khởi tạo trong lập trình hướng đối tượng vậy đó.
11	onkeyup	Sự kiện xảy ra khi bạn gõ phím nhưng lúc bạn nhả phím ra sẽ được kích hoạt
12	onkeypress	Sự kiện xảy ra khi bạn nhấn môt phím vào ô input
14	onblur	Sự kiện xảy ra khi con trỏ chuột rời khỏi ô input
15	oncopy	Sự kiện xảy ra khi bạn copy nội dung của thẻ
16	oncut	Sự kiện xảy ra khi bạn cắt nội dung của thẻ
17	onpaste	Sự kiện xảy ra khi bạn dán nội dung vào thẻ

Ngoài những thuộc tính EventHandler trên ra, chúng ta cũng có thể thêm có sự kiện vào đối tượng thông qua addEventListener

Khác biệt giữa Event Handlers và addEventListener

Đối với một phần tử nhất định, bạn chỉ có thể có một event handler cho mỗi loại sự kiện, nhưng bạn có thể có nhiều event listeners.