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