HTML - Tham chiếu sự kiện
Khi người dùng truy cập trang web của bạn, họ thực hiện những việc như nhấp vào các liên kết khác nhau, đưa chuột qua văn bản và hình ảnh, v.v. Đây là những ví dụ về những gì chúng tôi gọi là sự kiện trong thuật ngữ JavaScript và VBScript.
Chúng tôi có thể viết các trình xử lý sự kiện của mình bằng JavaScript hoặc VBScript và có thể chỉ định một số hành động cần thực hiện đối với những sự kiện này. Mặc dù đây là những sự kiện nhưng chúng sẽ được chỉ định làm thuộc tính cho các thẻ HTML.
Đặc tả HTML 4.01 đã xác định 19 sự kiện nhưng sau này HTML-5 đã thêm nhiều sự kiện khác mà chúng tôi đã liệt kê dưới đây -
Thuộc tính sự kiện cửa sổ
Các sự kiện sau đã được giới thiệu trong các phiên bản HTML cũ hơn nhưng tất cả các thẻ được đánh dấu
| Sự kiện | HTML-5 | Sự miêu tả |
|---|---|---|
| onafterprint |
|
Kích hoạt sau khi tài liệu được in |
| onbeforeprint |
|
Kích hoạt trước khi tài liệu được in |
| onbeforeonload |
|
Kích hoạt trước khi tải tài liệu |
| onerror |
|
Kích hoạt khi xảy ra lỗi |
| onhaschange |
|
Kích hoạt khi tài liệu đã thay đổi |
| đang tải | Kích hoạt khi tải tài liệu | |
| trên tàu |
|
Kích hoạt khi một thông báo được kích hoạt |
| onoffline |
|
Kích hoạt khi tài liệu ngoại tuyến |
| ononline |
|
Kích hoạt khi tài liệu trực tuyến |
| onpagehide |
|
Kích hoạt khi một cửa sổ bị ẩn |
| onpageshow |
|
Kích hoạt khi cửa sổ hiển thị |
| onpopstate |
|
Kích hoạt khi lịch sử của một cửa sổ thay đổi |
| onredo |
|
Kích hoạt khi tài liệu thực hiện làm lại |
| kích thước lớn |
|
Kích hoạt khi một cửa sổ được thay đổi kích thước |
| sự tấn công |
|
Kích hoạt khi tải tài liệu |
| onundo |
|
Kích hoạt khi tài liệu thực hiện hoàn tác |
| onunload | Kích hoạt khi người dùng rời khỏi tài liệu |
Sự kiện biểu mẫu
Các thẻ sau đã được giới thiệu trong các phiên bản HTML cũ hơn nhưng tất cả các thẻ được đánh dấu
| Sự kiện | HTML-5 | Sự miêu tả |
|---|---|---|
| onblur | Kích hoạt khi cửa sổ mất tiêu điểm | |
| sự thay đổi | Kích hoạt khi một phần tử thay đổi | |
| oncontextmenu |
|
Kích hoạt khi menu ngữ cảnh được kích hoạt |
| vào trọng tâm | Kích hoạt khi cửa sổ được lấy nét | |
| onformchange |
|
Kích hoạt khi biểu mẫu thay đổi |
| onforminput |
|
Kích hoạt khi biểu mẫu được người dùng nhập vào |
| oninput |
|
Kích hoạt khi một phần tử được người dùng nhập vào |
| oninvalid |
|
Kích hoạt khi một phần tử không hợp lệ |
| onreset | Kích hoạt khi một biểu mẫu được đặt lại | |
| chọn | Kích hoạt khi một phần tử được chọn | |
| gửi đi | Kích hoạt khi biểu mẫu được gửi |
Sự kiện bàn phím
| Sự kiện | HTML-5 | Sự miêu tả |
|---|---|---|
| onkeydown | Kích hoạt khi một phím được nhấn | |
| onkeypress | Kích hoạt khi nhấn và thả một phím | |
| onkeyup | Kích hoạt khi khóa được phát hành |
Sự kiện chuột
Các thẻ sau đã được giới thiệu trong các phiên bản HTML cũ hơn nhưng tất cả các thẻ được đánh dấu
| Sự kiện | HTML-5 | Sự miêu tả |
|---|---|---|
| trong một cái nhấp chuột | Kích hoạt khi nhấp chuột | |
| ondblclick | Kích hoạt khi nhấp đúp chuột | |
| ondrag |
|
Kích hoạt khi một phần tử được kéo |
| ondragend |
|
Kích hoạt khi kết thúc thao tác kéo |
| ondragenter |
|
Kích hoạt khi một phần tử được kéo đến mục tiêu thả hợp lệ |
| ondragleave |
|
Kích hoạt khi một phần tử rời khỏi mục tiêu thả hợp lệ |
| ondragover |
|
Kích hoạt khi một phần tử đang được kéo qua một mục tiêu thả hợp lệ |
| ondragstart |
|
Kích hoạt khi bắt đầu thao tác kéo |
| ondrop |
|
Kích hoạt khi một phần tử được kéo đang bị loại bỏ |
| onmousedown | Kích hoạt khi nhấn nút chuột | |
| onmousemove | Kích hoạt khi con trỏ chuột di chuyển | |
| onmouseout | Kích hoạt khi con trỏ chuột di chuyển ra khỏi một phần tử | |
| onmouseover | Kích hoạt khi con trỏ chuột di chuyển qua một phần tử | |
| onmouseup | Kích hoạt khi thả nút chuột | |
| onmousewheel |
|
Kích hoạt khi con lăn chuột đang được xoay |
| cuộc dạo chơi |
|
Kích hoạt khi thanh cuộn của một phần tử đang được cuộn |
Sự kiện truyền thông
Các thẻ sau đã được giới thiệu trong các phiên bản HTML cũ hơn nhưng tất cả các thẻ được đánh dấu
| Sự kiện | HTML-5 | Sự miêu tả |
|---|---|---|
| onabort | Kích hoạt sự kiện hủy bỏ | |
| oncanplay |
|
Kích hoạt khi phương tiện có thể bắt đầu phát, nhưng có thể phải dừng để lưu vào bộ đệm |
| oncanplaythrough |
|
Kích hoạt khi một phương tiện có thể được phát đến cuối mà không dừng lại để lưu vào bộ đệm |
| ondurationchange |
|
Kích hoạt khi độ dài của phương tiện bị thay đổi |
| có giấy tờ |
|
Kích hoạt khi phần tử tài nguyên phương tiện đột nhiên trống rỗng. |
| gắn bó |
|
Kích hoạt khi phương tiện đã đến cuối |
| onerror |
|
Kích hoạt khi xảy ra lỗi |
| onloadeddata |
|
Kích hoạt khi dữ liệu phương tiện được tải |
| onloadedmetadata |
|
Kích hoạt khi thời lượng và dữ liệu phương tiện khác của phần tử phương tiện được tải |
| onloadstart |
|
Kích hoạt khi trình duyệt bắt đầu tải dữ liệu phương tiện |
| tạm dừng |
|
Kích hoạt khi dữ liệu phương tiện bị tạm dừng |
| onplay |
|
Kích hoạt khi dữ liệu phương tiện sẽ bắt đầu phát |
| chơi trực tuyến |
|
Kích hoạt khi dữ liệu phương tiện bắt đầu phát |
| tiến hành |
|
Kích hoạt khi trình duyệt đang tìm nạp dữ liệu phương tiện |
| onratechange |
|
Kích hoạt khi tốc độ phát của dữ liệu phương tiện đã thay đổi |
| onreadystatechange |
|
Kích hoạt khi trạng thái sẵn sàng thay đổi |
| onseeked |
|
Kích hoạt khi thuộc tính tìm kiếm của phần tử phương tiện không còn đúng nữa và việc tìm kiếm đã kết thúc |
| onseeking |
|
Kích hoạt khi thuộc tính tìm kiếm của phần tử phương tiện là đúng và quá trình tìm kiếm đã bắt đầu |
| đã cài đặt |
|
Kích hoạt khi có lỗi khi tìm nạp dữ liệu phương tiện |
| phụ thuộc vào |
|
Kích hoạt khi trình duyệt đang tìm nạp dữ liệu phương tiện, nhưng đã dừng trước khi toàn bộ tệp phương tiện được tìm nạp |
| ontimeupdate |
|
Kích hoạt khi phương tiện thay đổi vị trí phát |
| onvolumechange |
|
Kích hoạt khi phương tiện thay đổi âm lượng, cũng như khi âm lượng được đặt thành "tắt tiếng" |
| chờ đợi |
|
Kích hoạt khi phương tiện ngừng phát, nhưng dự kiến sẽ tiếp tục |