Khi người dùng truy cập trang web của bạn, họ làm những việc như nhấp chuột vào nhiều mục. Đây là ví dụ về những gì gọi là sự kiện JavaScript. Trong HTML, bạn có thể đáp ứng với một sự kiện sử dụng một thuộc tính xử lý sự kiện. Bạn có thể đính kèm một thuộc tính nội dung xử lý sự kiện cho các phần tử HTML mà bạn muốn để đáp ứng khi một sự kiện cụ thể xảy ra. Ví dụ, bạn có thể đính kèm các onMouseover thuộc tính xử lý sự kiện cho một nút và chỉ định một số hoạt Javascript để chạy bất cứ khi nào người dùng di chuột qua nút.

Thuộc tính nội dung xử lý sự kiện thường được gọi đơn giản là “xử lý sự kiện”. Dưới đây là xử lý sự kiện mà HTML5 hỗ trợ.

Handlers tổ chức sự kiện cho tất cả : HTML5 Elements &document & window Objects

Bảng này bao gồm việc xử lý sự kiện mà có thể được sử dụng trong tất cả các yếu tố HTML5 như cả hai thuộc tính nội dung và IDL thuộc tính, và trên Document và Window đối tượng, như IDL thuộc tính.

đặc tính Sự miêu tả
onabort Viện dẫn khi một sự kiện đã được hủy bỏ. Ví dụ, trình duyệt dừng lại lấy dữ liệu truyền thông trước khi nó được tải về hoàn toàn.
oncancel cancel xử lý sự kiện.
oncanplay Viện dẫn khi các đại lý của trình duyệt / người sử dụng có thể bắt đầu chơi phương tiện truyền thông, nhưng có chưa, do đệm. Nói cách khác, nếu phát đã bắt đầu bây giờ, nó sẽ không chơi đúng với cuối (do tỷ lệ phát hiện) – nó sẽ cần phải tạm dừng trong khi phát lại để tải các phần còn lại của các phương tiện truyền thông.
oncanplaythrough Các đại lý của trình duyệt / người sử dụng ước tính rằng nếu phát đã bắt đầu bây giờ, tài nguyên phương tiện truyền thông có thể được thực hiện với tỷ lệ phát hiện tất cả các cách để kết thúc của nó mà không cần phải dừng lại để đệm thêm.
onchange Người dùng đã thay đổi các đối tượng, sau đó cố gắng để rời sân đó (tức là nhấp chuột ở nơi khác).
trong một cái nhấp chuột Gọi khi người dùng nhấp vào đối tượng.
oncuechange cuechange xử lý sự kiện.
ondblclick Gọi khi người dùng nhấp hai lần vào đối tượng.
ondurationchange Viện dẫn khi chiều dài của các phương tiện truyền thông đang thay đổi (tức là duration thuộc tính vừa được cập nhật).
onemptied Viện dẫn khi một phần tài nguyên truyền thông đột nhiên trở nên trống rỗng (ví dụ, do lỗi mạng).
onended Viện dẫn khi các phương tiện truyền thông đã đạt đến kết thúc.
oninput input xử lý sự kiện.
oninvalid invalid xử lý sự kiện.
onkeydown Được triệu gọi khi một phím được nhấn trên một phần tử.
onkeypress Được triệu gọi khi một phím được nhấn trên một phần tử sau đó được thả.
onkeyup Được triệu gọi khi một phím được phát hành hơn một phần tử.
onloadeddata Viện dẫn khi trình duyệt / tác nhân người dùng có thể làm cho dữ liệu truyền thông tại vị trí phát hiện lần đầu tiên.
onloadedmetadata Viện dẫn khi các đại lý của trình duyệt / người sử dụng vừa xác định thời gian và kích thước của các nguồn phương tiện truyền thông.
onloadstart Viện dẫn khi các đại lý của trình duyệt / người dùng đã bắt đầu tải các tài nguyên truyền thông.
onmousedown Các con trỏ di chuyển trên các đối tượng và chuột / chỉ thiết bị đã được ép xuống.
onmouseenter Các con trỏ vào các yếu tố bên ngoài (không phải là yếu tố bên trong). Do đó, không cháy, một lần nữa nếu con trỏ vào một hậu duệ của các yếu tố này.
onmouseleave Các con trỏ rời khỏi các phần tử.
onmousemove Các con trỏ di chuyển trong khi lơ lửng trên một đối tượng.
onmouseout Các con trỏ di chuyển ra khỏi đối tượng
onmouseover Các con trỏ di chuyển trên đối tượng (tức là người dùng di chuột lên trên các đối tượng).
onmouseup Các thiết bị con chuột / trỏ đã được phát hành sau khi bị ép xuống.
onmousewheel Viện dẫn khi các bánh xe chuột đang được luân chuyển.
onpause Viện dẫn khi các nguồn phương tiện truyền thông đã được tạm dừng.
onplay Viện dẫn khi các nguồn phương tiện truyền thông bắt đầu phát lại.
onplaying Playback đã bắt đầu.
onprogress Các đại lý của trình duyệt / người sử dụng đang lấy dữ liệu phương tiện truyền thông.
onratechange Viện dẫn khi tốc độ phát lại đã thay đổi (tức là một trong hai defaultPlaybackRate hoặc playbackRate vừa được cập nhật).
onreset reset xử lý sự kiện.
onseeked Gọi khi seeking IDL thuộc tính thay đổi để sai (tức là seeking thuộc tính là không còn đúng nữa)
onseeking Gọi khi seeking IDL thuộc tính thay đổi thật sự và các hoạt động tìm kiếm được dùng đủ lâu để các đại lý người dùng có thời gian kích hoạt sự kiện.
onselect Viện dẫn khi một số hoặc tất cả các nội dung của một đối tượng được chọn. Ví dụ, người sử dụng lựa chọn một số văn bản trong một trường văn bản.
onshow show xử lý sự kiện.
onstalled Viện dẫn khi các đại lý của trình duyệt / dùng đang cố gắng để lấy dữ liệu phương tiện truyền thông nhưng các dữ liệu đã bị đình trệ (tức là các dữ liệu đã ngừng tới).
onsubmit Người sử dụng gửi một hình thức.
onsuspend Các đại lý của trình duyệt / người sử dụng là (cố tình) không phải dữ liệu phương tiện truyền thông hiện lấy, nhưng chưa tải về toàn bộ tài nguyên phương tiện truyền thông (tức là nó đã đình chỉ việc tải xuống).
ontimeupdate Viện dẫn khi phát lại vị trí hiện tại của phương tiện truyền thông thay đổi.
ontoggle Viện dẫn khi các details phần tử được mở hoặc đóng cửa.
onvolumechange Viện dẫn khi một trong hai volume thuộc tính hoặc muted thuộc tính đã thay đổi.
onwaiting Khung kế tiếp của phương tiện truyền thông không phải là chưa có sẵn (nhưng đại lý trình duyệt / người dùng hy vọng nó trở nên có sẵn).

Handlers tổ chức sự kiện 

 

Đặc tính Sự miêu tả
onblur Người dùng đã rời trọng tâm của phần tử.
onerror Viện dẫn khi một lỗi xảy ra trong khi các Window đối tượng đang được nạp. Ngoài ra xử lý cho các thông báo lỗi script.
onfocus Gọi khi tập trung vào các yếu tố.
đang tải Các yếu tố đã được nạp.
onresize Xem tài liệu được thu nhỏ.
OnScroll scroll xử lý sự kiện. Viện dẫn khi thanh cuộn của phần tử đang được cuộn.

 

Đặc tính Sự miêu tả
onafterprint afterprint xử lý sự kiện
onbeforeprint beforeprint xử lý sự kiện
onbeforeunload beforeunload xử lý sự kiện
onhashchange hashchange xử lý sự kiện. Các hashchange sự kiện phát sinh khi hướng đến một mục nhập lịch sử mà phiên URL khác với những lần trước chỉ trong nhận dạng mảnh.
onmessage message xử lý sự kiện.
onoffline offline xử lý sự kiện.
ononline online xử lý sự kiện.
onpagehide pagehide xử lý sự kiện. Các pagehide sự kiện phát sinh khi đi qua từ một mục nhập lịch sử phiên.
onpageshow pageshow xử lý sự kiện. Các pageshow sự kiện phát sinh khi đi qua một mục nhập lịch sử phiên.
onpopstate popstate xử lý sự kiện. Các popstate sự kiện phát sinh khi hướng đến một mục nhập lịch sử phiên đại diện cho một đối tượng trạng thái.
onstorage storage xử lý sự kiện.
unonload unload xử lý sự kiện.

Handlers tổ chức sự kiện cho document Đối tượng Chỉ

Có thể được sử dụng trên Document đối tượng như IDL các thuộc tính:

đặc tính Sự miêu tả
onreadystatechange readystatechange xử lý sự kiện.

 

Xem thêm:  Top 10 mẫu website responsive thu hút hàng triệu người xem (P1)

 

BÀI VIẾT LIÊN QUANXEM NHIỀU HƠN TỪ TÁC GIẢ NÀY