HTML4 đã tích hợp thêm khả năng cho phép sự kiện kích hoạt các hành động trong trình duyệt, chẳng hạn như bắt đầu JavaScript khi người dùng nhấp vào một phần tử.
Dưới đây là các thuộc tính sự kiện toàn cục có thể được thêm vào các phần tử HTML để xác định hành động sự kiện.
(*) thể hiện các thuộc tính sự kiện mới được thêm vào HTML5
Thuộc tính sự kiện Window
Các sự kiện được kích hoạt cho đối tượng cửa sổ (áp dụng cho thẻ <body>):
Thuộc tính
Giá trị
Mô tả
onafterprint (*)
script
kịch bản được chạy sau khi tài liệu được in
onbeforeprint (*)
script
kịch bản được chạy trước khi tài liệu được in
onbeforeunload (*)
script
tập lệnh được chạy khi tài liệu sắp được dỡ xuống
onerror (*)
script
script được chạy khi một lỗi xảy ra
onhashchange (*)
script
tập lệnh được chạy khi đã có thay đổi đối với phần neo của url
onload
script
kích hoạt sau khi trang tải xong
onmessage (*)
script
tập lệnh được chạy khi thông điệp được kích hoạt
onoffline (*)
script
tập lệnh được chạy khi trình duyệt bắt đầu hoạt động ngoại tuyến
ononline (*)
script
tập lệnh được chạy khi trình duyệt bắt đầu làm việc trực tuyến
onpagehide (*)
script
tập lệnh được chạy khi người dùng điều hướng xa trang
onpageshow (*)
script
tập lệnh được chạy khi người dùng điều hướng đến một trang
onpopstate (*)
script
tập lệnh được chạy khi lịch sử của cửa sổ thay đổi
onresize (*)
script
đâm cháy khi cửa sổ trình duyệt được thay đổi kích cỡ
onstorage (*)
script
tập lệnh được chạy khi một khu vực lưu trữ web được cập nhật
onunload
script
kích hoạt khi trang đã được dỡ xuống (hoặc cửa sổ trình duyệt đã bị đóng)
Thuộc tính sự kiện form
Sự kiện được kích hoạt bởi các hành động bên trong một biểu mẫu HTML (áp dụng cho hầu hết các yếu tố HTML, nhưng được sử dụng nhiều nhất trong các phần tử form):
Thuộc tính
Giá trị
Mô tả
onblur
script
kích hoạt ngay khi người dùng chuyển con trỏ nháy ra ngoài thẻ
onchange
script
kích hoạt khi giá trị của phần tử bị thay đổi
oncontextmenu (*)
script
tập lệnh được chạy khi một trình đơn ngữ cảnh được kích hoạt
onfocus
script
kích hoạt thời điểm khi phần tử được lấy nét
oninput (*)
script
tập lệnh được chạy khi một phần tử được người dùng nhập vào
oninvalid (*)
script
tập lệnh được chạy khi một phần tử không hợp lệ
onreset (*)
script
kích hoạt khi nút Reset trong một hình thức được nhấp
onsearch
script
kích hoạt khi người dùng viết một cái gì đó trong một trường tìm kiếm (cho <input = “search”>)
onselect
script
kích hoạt sau khi một số văn bản đã được chọn trong phần tử
onsubmit
script
kích hoạt khi biểu mẫu được gửi đi
Thuộc tính sự kiện Keyboard
Thuộc tính
Giá trị
Mô tả
onkeydown
script
kích hoạt khi người dùng nhấn phím
onkeypress
script
kích hoạt khi người dùng nhấn phím
onkeyup
script
kích hoạt khi người dùng thả một phím
Thuộc tính sự kiện Mouse
Thuộc tính
Giá trị
Mô tả
onclick
script
kích hoạt trên click chuột lên phần tử
ondblclick
script
kích hoạt trên một con chuột nhấp đúp vào phần tử
onmousedown
script
kích hoạt khi một nút chuột được nhấn xuống trên một phần tử
onmousemove
script
kích hoạt khi con trỏ chuột di chuyển trong khi nó ở trên một phần tử
onmouseout
script
kích hoạt khi con trỏ chuột di chuyển ra khỏi một phần tử
onmouseover
script
kích hoạt khi con trỏ chuột di chuyển qua một phần tử
onmouseup
script
kích hoạt khi một nút chuột được thả ra trên một phần tử
onmousewheel
script
Không được chấp nhận. Sử dụng thuộc tính onwheel để thay thế
onwheel (*)
script
kích hoạt khi bánh xe chuột cuộn lên hoặc xuống trên một phần tử
Thuộc tính sự kiện Drag
Thuộc tính
Giá trị
Mô tả
ondrag (*)
script
tập lệnh được chạy khi một phần tử bị kéo
ondragend (*)
script
tập lệnh sẽ chạy khi kết thúc thao tác kéo
ondragenter (*)
script
tập lệnh được chạy khi một phần tử đã được kéo đến đích thả hợp lệ
ondragleave (*)
script
tập lệnh được chạy khi một phần tử rời khỏi mục tiêu thả hợp lệ
ondragover (*)
script
tập lệnh được chạy khi một phần tử bị kéo qua một mục tiêu thả hợp lệ
ondragstart (*)
script
tập lệnh sẽ chạy khi bắt đầu thao tác kéo
ondrop (*)
script
tập lệnh được chạy khi phần tử được kéo được thả
onscroll (*)
script
tập lệnh được chạy khi cuộn thanh của phần tử đang được cuộn
Thuộc tính sự kiện Clipboard
Thuộc tính
Giá trị
Mô tả
oncopy
script
kích hoạt khi người dùng sao chép nội dung của phần tử
oncut
script
kích hoạt khi người dùng cắt nội dung của phần tử
onpaste
script
kích hoạt khi người dùng dán một số nội dung trong phần tử
Thuộc tính sự kiện Media
Sự kiện được kích hoạt bởi các phương tiện truyền thông như video, hình ảnh và âm thanh (áp dụng cho tất cả các yếu tố HTML nhưng phổ biến nhất trong các phần tử phương tiện, như <audio>, <embed>, <img>, <object> và <video>).
Thuộc tính
Giá trị
Mô tả
onabort
script
tập lệnh sẽ chạy khi huỷ bỏ
oncanplay (*)
script
tập lệnh được chạy khi tệp sẵn sàng để bắt đầu phát (khi nó đã đủ vùng đệm để bắt đầu)
oncanplaythrough (*)
script
tập lệnh được chạy khi một tập tin có thể được phát tất cả các cách để kết thúc mà không cần tạm dừng để đệm
oncuechange (*)
script
tập lệnh được chạy khi thay đổi tín hiệu trong phần tử <track>
ondurationchange (*)
script
tập lệnh sẽ chạy khi độ dài của phương tiện truyền thông thay đổi
onemptied (*)
script
tập lệnh được chạy khi xảy ra sự cố xấu và tệp đột nhiên không khả dụng (như bất ngờ ngắt kết nối)
onended (*)
script
tập lệnh được chạy khi các phương tiện truyền thông đã kết thúc (một sự kiện hữu ích cho các tin nhắn như “thanks for listening”)
onerror (*)
script
tập lệnh chạy khi xảy ra lỗi khi tệp đang được tải
onloadeddata (*)
script
tập lệnh chạy khi dữ liệu phương tiện được tải
onloadedmetadata (*)
script
tập lệnh được chạy khi dữ liệu meta (như kích thước và thời gian) được tải
onloadstart (*)
script
tập lệnh được chạy giống như tệp bắt đầu tải trước khi bất kỳ thứ gì được tải
onpause (*)
script
tập lệnh sẽ chạy khi các phương tiện truyền thông bị tạm dừng bởi người dùng hoặc theo chương trình
onplay (*)
script
tập lệnh được chạy khi các phương tiện truyền thông đã sẵn sàng để bắt đầu chạy
onplaying (*)
script
tập lệnh được chạy khi các phương tiện truyền thông thực sự đã bắt đầu chạy
onprogress (*)
script
tập lệnh được chạy khi trình duyệt đang trong quá trình nhận dữ liệu phương tiện
onratechange (*)
script
tập lệnh được chạy mỗi khi tốc độ phát lại thay đổi (như khi người dùng chuyển sang chế độ chạy chậm hoặc chế độ chuyển tiếp nhanh)
onseeked (*)
script
tập lệnh sẽ được chạy khi thuộc tính tìm kiếm được đặt thành false chỉ ra rằng việc tìm kiếm đã kết thúc
onseeking (*)
script
tập lệnh được chạy khi thuộc tính đang tìm kiếm được đặt thành đúng chỉ ra rằng tìm kiếm đang hoạt động
onstalled (*)
script
tập lệnh được chạy khi trình duyệt không thể tìm nạp dữ liệu phương tiện với bất kỳ lý do nào
onsuspend (*)
script
tập lệnh được chạy khi tìm nạp dữ liệu phương tiện được dừng lại trước khi nó được tải hoàn toàn vì bất cứ lý do gì
ontimeupdate (*)
script
kịch bản sẽ được chạy khi vị trí chơi đã thay đổi (như khi người dùng chuyển nhanh tới một điểm khác trong phương tiện)
onvolumechange (*)
script
tập lệnh được chạy mỗi khi volume được thay đổi (bao gồm việc cài đặt âm thanh để “tắt tiếng”)
onwaiting (*)
script
tập lệnh sẽ chạy khi các phương tiện truyền thông tạm dừng nhưng dự kiến sẽ tiếp tục (như khi phương tiện truyền thông tạm dừng để đệm thêm dữ liệu)
Thuộc tính sự kiện Misc
Thuộc tính
Giá trị
Mô tả
onshow (*)
script
kích hoạt khi một phần tử <menu> được hiển thị dưới dạng trình đơn ngữ cảnh
ontoggle (*)
script
kích hoạt khi người dùng mở hoặc đóng phần tử <details>
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ: