Giới thiệu
Khi người dùng truy cập website, họ thực hiện các hành động như click vào văn bản, hình ảnh, link, di chuột qua các phần tử, v.v. Đây là ví dụ của những gì JavaScript gọi là sự kiện (events).
Chúng ta có thể viết trình xử lý sự kiện (event handlers) bằng JavaScript hoặc VBScript và chỉ định chúng làm giá trị của thuộc tính thẻ sự kiện. Đặc tả HTML5 định nghĩa các thuộc tính sự kiện như bảng dưới:
| Attribute (Thuộc tính) | Value (Giá trị) | Description (Mô tả) |
|---|---|---|
| Offline | script | Kích hoạt khi tài liệu ngoại tuyến (offline) |
| Onabort | script | Kích hoạt khi sự kiện abort xảy ra |
| onafterprint | script | Kích hoạt sau khi tài liệu được in |
| onbeforeonload | script | Kích hoạt trước khi tài liệu tải |
| onbeforeprint | script | Kích hoạt trước khi tài liệu được in |
| Onblur | script | Kích hoạt khi cửa sổ mất focus |
| Oncanplay | script | Kích hoạt khi media có thể bắt đầu phát nhưng có thể dừng để buffering |
| oncanplaythrough | script | Kích hoạt khi media có thể phát đến cuối mà không dừng buffering |
| Onchange | script | Kích hoạt khi một phần tử thay đổi |
| Onclick | script | Kích hoạt khi click chuột |
| oncontextmenu | script | Kích hoạt khi menu ngữ cảnh được kích hoạt |
| Ondblclick | script | Kích hoạt khi double-click chuột |
| Ondrag | script | Kích hoạt khi một phần tử được kéo |
| ondragend | script | Kích hoạt ở cuối thao tác kéo |
| ondragenter | script | Kích hoạt khi phần tử được kéo đến drop target hợp lệ |
| ondragleave | script | Kích hoạt khi phần tử rời khỏi drop target hợp lệ |
| ondragover | script | Kích hoạt khi phần tử đang được kéo qua drop target hợp lệ |
| ondragstart | script | Kích hoạt ở bắt đầu thao tác kéo |
| ondrop | script | Kích hoạt khi phần tử kéo được thả |
| ondurationchange | script | Kích hoạt khi độ dài media thay đổi |
| onemptied | script | Kích hoạt khi media resource bất ngờ trở nên rỗng |
| onended | script | Kích hoạt khi media đạt đến cuối |
| onerror | script | Kích hoạt khi xảy ra lỗi |
| onfocus | script | Kích hoạt khi cửa sổ nhận focus |
| onformchange | script | Kích hoạt khi form thay đổi |
| onforminput | script | Kích hoạt khi form nhận input từ người dùng |
| onhaschange | script | Kích hoạt khi tài liệu đã thay đổi |
| oninput | script | Kích hoạt khi phần tử nhận input từ người dùng |
| oninvalid | script | Kích hoạt khi phần tử không hợp lệ |
| onkeydown | script | Kích hoạt khi phím được nhấn xuống |
| onkeypress | script | Kích hoạt khi phím được nhấn và thả |
| onkeyup | script | Kích hoạt khi phím được thả |
| onload | script | Kích hoạt khi tài liệu tải xong |
| onloadeddata | script | Kích hoạt khi dữ liệu media được tải |
| onloadedmetadata | script | Kích hoạt khi metadata media (thời lượng, v.v.) được tải |
| onloadstart | script | Kích hoạt khi trình duyệt bắt đầu tải dữ liệu media |
| onmessage | script | Kích hoạt khi tin nhắn được kích hoạt |
| onmousedown | script | Kích hoạt khi nút chuột được nhấn |
| onmousemove | script | Kích hoạt khi con trỏ chuột di chuyển |
| onmouseout | script | Kích hoạt khi con trỏ chuột rời khỏi phần tử |
| onmouseover | script | Kích hoạt khi con trỏ chuột di chuyển qua phần tử |
| onmouseup | script | Kích hoạt khi nút chuột được thả |
| onmousewheel | script | Kích hoạt khi cuộn chuột được xoay |
| onoffline | script | Kích hoạt khi tài liệu ngoại tuyến |
| onoine | script | Kích hoạt khi tài liệu trực tuyến |
| ononline | script | Kích hoạt khi tài liệu trực tuyến |
| onpagehide | script | Kích hoạt khi cửa sổ bị ẩn |
| onpageshow | script | Kích hoạt khi cửa sổ trở nên hiển thị |
| onpause | script | Kích hoạt khi media bị tạm dừng |
| onplay | script | Kích hoạt khi media sắp bắt đầu phát |
| onplaying | script | Kích hoạt khi media đã bắt đầu phát |
| onpopstate | script | Kích hoạt khi lịch sử cửa sổ thay đổi |
| onprogress | script | Kích hoạt khi trình duyệt đang tải dữ liệu media |
| onratechange | script | Kích hoạt khi tốc độ phát media thay đổi |
| onreadystatechange | script | Kích hoạt khi ready-state thay đổi |
| onredo | script | Kích hoạt khi tài liệu thực hiện redo |
| onresize | script | Kích hoạt khi cửa sổ thay đổi kích thước |
| onscroll | script | Kích hoạt khi thanh cuộn phần tử đang được cuộn |
| onseeked | script | Kích hoạt khi seeking attribute của media element không còn true, seeking kết thúc |
| onseeking | script | Kích hoạt khi seeking attribute là true, seeking bắt đầu |
| onselect | script | Kích hoạt khi một phần tử được chọn |
| onstalled | script | Kích hoạt khi lỗi tải dữ liệu media |
| onstorage | script | Kích hoạt khi tài liệu tải |
| onsubmit | script | Kích hoạt khi form được submit |
| onsuspend | script | Kích hoạt khi trình duyệt dừng tải media trước khi hoàn tất |
| ontimeupdate | script | Kích hoạt khi media thay đổi vị trí phát |
| onundo | script | Kích hoạt khi tài liệu thực hiện undo |
| onunload | script | Kích hoạt khi người dùng rời khỏi tài liệu |
| onvolumechange | script | Kích hoạt khi media thay đổi âm lượng, bao gồm khi mute |
| onwaiting | script | Kích hoạt khi media dừng phát nhưng dự kiến sẽ tiếp tục |