Liệt kê các trình xử lý sự kiện JavaScript

JavaScript được sử dụng rộng rãi để làm sinh động các trang web. Trong ngôn ngữ này, có những sự kiện đặc biệt xảy ra tại một thời điểm nhất định khi thực hiện bất kỳ hành động nào. Có rất nhiều trình xử lý sự kiện, trình xử lý sự kiện HTML5 mới

Dưới đây là danh sách đầy đủ các trình xử lý sự kiện. Quá trình thực thi mã trình xử lý bắt đầu khi điều kiện được đáp ứng

• onabort - ngắt phát lại;
• onafterprint - in xong;
• onautocomplete - biểu mẫu tự động hoàn thành đã hoàn thành;
• onautocompleteerror - xảy ra lỗi khi tự động hoàn thành biểu mẫu;
• onbeforeprint - chuẩn bị in;
• onb Beforeunload - tài liệu được tải xuống;
• onblur - mất tập trung;
• hủy bỏ - hủy bỏ hành động;
• oncanplay - bạn có thể bắt đầu phát tệp phương tiện được chỉ định;
• oncanplaythrough - bạn có thể bắt đầu phát tệp phương tiện được chỉ định mà không phải dừng để tải vào bộ đệm;
• onchange - thay đổi giá trị;
• title - nhấp vào một phần tử;
• đóng - đóng một cái gì đó;
• oncontextmenu - mở menu ngữ cảnh;
• oncopy - bản sao được thực hiện;
• oncuechange - thay đổi nhãn trong phần tử theo dõi;
• oncut - nội dung đã bị cắt;
• ondblclick - nhấp đúp vào một phần tử;
• ondrag - kéo và thả một phần tử;
• ondragend - hoàn thành việc kéo phần tử;
• ondragenter - phần tử được kéo đến vùng mục tiêu hợp lệ;
• ondragexit - thoát khỏi chế độ kéo và thả;
• ondragleave - phần tử rời khỏi mục tiêu hợp lệ;
• ondragover - phần tử được kéo qua một điểm đích hợp lệ;
• ondragstart - bắt đầu thao tác kéo và thả;
• ondrop - mục được kéo bị bỏ;
• ondurationchange - thay đổi độ dài của phương tiện;
• đã làm trống - tệp đột nhiên không khả dụng;
• onended - quá trình phát lại kết thúc;
• onerror - xảy ra lỗi;
• onfocus - đặt tiêu điểm vào một phần tử;
• onhashchange - thay đổi ràng buộc của một phần địa chỉ;
• oninput - bắt đầu nhập dữ liệu;
• oninvalid - phần tử bị hỏng;
• onkeydown - nhấn phím;
• onkeypress - nhấn phím rồi thả ra;
• onkeyup - phát hành khóa;
• onload - phần tử được tải;
• onloadeddata - dữ liệu tệp được tải;
• onloadedmetadata - siêu dữ liệu tệp được tải;
• onloadstart - bắt đầu tải một phần tử;
• onmessage - tin nhắn xuất hiện;
• onmousedown - nhấn chuột;
• onmouseenter - chuột ở trên phần tử;
• onmouseleave - con trỏ chuột rời khỏi phần tử;
• onmousemove - chuột được di chuyển qua phần tử;
• onmouseout - con trỏ chuột di chuyển ra khỏi phần tử;
• onmouseover - con trỏ chuột di chuyển qua phần tử;
• onmouseup - nút chuột được nhả ra trên phần tử;
• onmousewheel [onwheel] - bánh xe chuột được sử dụng;
• onoffline - trình duyệt đang chạy ngoại tuyến;
• ononline - trình duyệt đang chạy trực tuyến;
• onpagehide - người dùng điều hướng từ trang;
• onpageshow - người dùng truy cập trang;
• onpaste - nội dung đã được chèn vào;
• tạm dừng - tạm dừng phát lại;
• onplay - bắt đầu phát lại;
• đang phát - phát tệp;
• onpopstate - thay đổi lịch sử của cửa sổ;
• onprogress - nhận siêu dữ liệu tệp;
• onratechange - thay đổi tốc độ phát lại;
• onreset - thiết lập lại dữ liệu hoàn tất;
• onresize - thay đổi kích thước phần tử;
• onscroll - cuộn nội dung của một phần tử;
• onsearch - tìm kiếm được thực hiện;
• onseeked - tìm kiếm đã kết thúc;
• onseeking - tìm kiếm đang hoạt động;
• onselect - lựa chọn một số văn bản hoặc giá trị;
• onshow - hiển thị phần tử;
• onsort - thực hiện sắp xếp;
• đã cài đặt - trình duyệt không thể nhận phương tiện vì bất kỳ lý do gì;
• lưu trữ - lưu trữ web được cập nhật;
• onsubmit - xác nhận gửi dữ liệu biểu mẫu;
• onsuspend - ngừng trích xuất siêu dữ liệu;
• ontimeupdate - thay đổi vị trí [thời gian] phát lại tệp, tức là tua lại tệp;
• bật tắt - người dùng mở hoặc đóng phần tử chi tiết;
• onunload - quá trình tải đã hoàn tất, sau đó tài liệu được đóng lại;
• onvolumechange - âm lượng đã thay đổi;
• đang chờ đợi - chờ phát lại để tiếp tục

Trình xử lý sự kiện nên được sử dụng đúng cách, không nên viết chúng trực tiếp trong thuộc tính của thẻ mà nên cài đặt trình xử lý sự kiện trong các tệp bao gồm mã JavaScript. Nếu thư viện jQuery, thì tên của trình xử lý phải được viết mà không có bật. Do đó, tất cả các trình xử lý sự kiện JavaScript đã được xem xét và cung cấp danh sách đầy đủ các sự kiện kèm theo mô tả

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

Trình xử lý sự kiện cho tất cả các phần tử HTML và đối tượng ________ & ________ 2

Bảng sau đây liệt kê các trình xử lý sự kiện được hỗ trợ bởi tất cả các phần tử HTML, vì cả thuộc tính nội dung của trình xử lý sự kiện và thuộc tính IDL của trình xử lý sự kiện;

AttributeDescription_______5Được gọi khi một sự kiện đã bị hủy bỏ. Ví dụ: trình duyệt dừng tìm nạp dữ liệu phương tiện trước khi tải xuống hoàn toàn. Trình xử lý sự kiện onauxclickauxclick. Trình xử lý sự kiện oncancelcancel. document0Được gọi khi trình duyệt/tác nhân người dùng có thể bắt đầu phát phương tiện, nhưng chưa phát, do bộ nhớ đệm. Nói cách khác, nếu bắt đầu phát lại ngay bây giờ, thì nó sẽ không phát từ đầu đến cuối [do tốc độ phát lại hiện tại] - nó sẽ cần tạm dừng trong khi phát lại để tải phần còn lại của phương tiện. document1Tác nhân trình duyệt/người dùng ước tính rằng nếu quá trình phát lại bắt đầu ngay bây giờ, thì tài nguyên phương tiện có thể được hiển thị ở tốc độ phát lại hiện tại cho đến khi kết thúc mà không cần phải dừng để lưu vào bộ đệm thêm. document2Người dùng đã thay đổi đối tượng, sau đó cố gắng rời khỏi trường đó [tôi. e. nhấp vào nơi khác]. document3Được gọi khi người dùng nhấp vào đối tượng. Trình xử lý sự kiện document4document5. document6Được gọi khi menu ngữ cảnh được kích hoạt. Trình xử lý sự kiện document7____18. document9Được gọi khi người dùng nhấp hai lần vào đối tượng. window0Được gọi khi một phần tử đang được kéo. window1Được gọi khi một phần tử ngừng được kéo. window2Được gọi khi một phần tử đã được kéo đến mục tiêu thả. Trình xử lý sự kiện window3____24. window5Được gọi khi một phần tử rời khỏi mục tiêu thả hợp lệ. window6Được gọi khi một phần tử đang được kéo qua mục tiêu thả hợp lệ. window7Được gọi khi thao tác kéo đã bắt đầu. window8Được gọi khi một phần tử đang bị loại bỏ. window9Được gọi khi độ dài của phương tiện bị thay đổi [i. e. thuộc tính Document0 vừa được cập nhật]. Document1Được gọi khi phần tử tài nguyên phương tiện đột nhiên bị trống [ví dụ: do lỗi mạng]. Document2Được viện dẫn khi phương tiện truyền thông đã hết. Trình xử lý sự kiện Document3____34. Trình xử lý sự kiện Document5Document6. Trình xử lý sự kiện Document7____38. Document9Được gọi khi một phím được nhấn trên một phần tử. Window0Được gọi khi một phím được nhấn trên một phần tử sau đó được nhả ra. Window1Được gọi khi một phím được giải phóng trên một phần tử. Window2Được gọi khi trình duyệt/tác nhân người dùng có thể hiển thị dữ liệu phương tiện ở vị trí phát lại hiện tại lần đầu tiên. Window3Được gọi khi trình duyệt/tác nhân người dùng vừa xác định thời lượng và kích thước của tài nguyên phương tiện. Window4Được gọi khi trình duyệt/tác nhân người dùng đã bắt đầu tải tài nguyên phương tiện. Window5Con trỏ di chuyển qua đối tượng và chuột/thiết bị trỏ được nhấn xuống. Trình xử lý sự kiện Window6Window7. Trình xử lý sự kiện Window8Window9. onabort0Con trỏ di chuyển khi di chuột qua một đối tượng. onabort1Con trỏ di chuyển ra khỏi đối tượngonabort2Con trỏ di chuyển qua đối tượng [i. e. người dùng di chuột qua đối tượng]. onabort3Chuột/thiết bị trỏ đã được nhả ra sau khi nhấn xuống. onabort4Được gọi khi tài nguyên phương tiện đã bị tạm dừng. onabort5Được gọi khi tài nguyên phương tiện bắt đầu phát lại. onabort6Phát lại đã bắt đầu. onabort7Tác nhân trình duyệt/người dùng đang tìm nạp dữ liệu phương tiện. onabort8Được gọi khi tốc độ phát lại đã thay đổi [i. e. hoặc là onabort9 hoặc là onauxclick0 vừa được cập nhật]. Trình xử lý sự kiện onauxclick1onauxclick2. Trình xử lý sự kiện onauxclick3onauxclick4. onauxclick5Được gọi khi thuộc tính IDL của onauxclick6 thay đổi thành false [i. e. thuộc tính onauxclick6 không còn đúng nữa]onauxclick8Được gọi khi thuộc tính IDL của onauxclick6 thay đổi thành đúng và hoạt động tìm kiếm diễn ra đủ lâu để tác nhân người dùng có thời gian kích hoạt sự kiện. auxclick0Được gọi khi một số hoặc tất cả nội dung của một đối tượng được chọn. Ví dụ: người dùng đã chọn một số văn bản trong trường văn bản. Trình xử lý sự kiện auxclick1auxclick2. auxclick3Được gọi khi trình duyệt/tác nhân người dùng đang cố tìm nạp dữ liệu phương tiện nhưng dữ liệu đã bị đình trệ [i. e. dữ liệu đã ngừng đến]. auxclick4Người dùng đã gửi biểu mẫu. auxclick5Tác nhân trình duyệt/người dùng [cố ý] hiện không tìm nạp dữ liệu phương tiện, nhưng chưa tải xuống toàn bộ tài nguyên phương tiện [i. e. nó đã tạm dừng tải xuống]. auxclick6Được gọi khi vị trí phát lại hiện tại của phương tiện thay đổi. Trình xử lý sự kiện auxclick7auxclick8. auxclick9Được gọi khi thuộc tính oncancel0 hoặc thuộc tính oncancel1 đã thay đổi. oncancel2Khung tiếp theo của phương tiện chưa có sẵn [nhưng trình duyệt/tác nhân người dùng mong đợi nó có sẵn]. Trình xử lý sự kiện oncancel3oncancel4. Trình xử lý sự kiện oncancel5oncancel6. Trình xử lý sự kiện oncancel7oncancel8. Trình xử lý sự kiện oncancel9cancel0. Trình xử lý sự kiện cancel1____92

Bảng sau đây liệt kê các trình xử lý sự kiện [và các loại sự kiện trình xử lý sự kiện tương ứng của chúng] được hỗ trợ bởi tất cả các phần tử HTML ngoài các phần tử cancel3 và cancel4, vì cả thuộc tính nội dung của trình xử lý sự kiện và thuộc tính IDL của trình xử lý sự kiện;

Thuộc tínhMô tảdocument02Người dùng đã rời khỏi tiêu điểm của phần tử. document03Được gọi khi xảy ra lỗi trong khi đối tượng Window đang được tải. Cũng xử lý thông báo lỗi tập lệnh. document05Được gọi khi tiêu điểm nằm trên phần tử. document06Phần tử đã được tải. document07Chế độ xem đã được thay đổi kích thước. Trình xử lý sự kiện document08document09. Được gọi khi thanh cuộn của phần tử đang được cuộn

Bảng sau đây liệt kê các trình xử lý sự kiện được hỗ trợ bởi các đối tượng Window, dưới dạng các thuộc tính IDL của trình xử lý sự kiện trên chính các đối tượng Window và với các thuộc tính nội dung của trình xử lý sự kiện tương ứng và các thuộc tính IDL của trình xử lý sự kiện được hiển thị trên tất cả các phần tử cancel3 và cancel4 được sở hữu bởi đối tượng liên kết của đối tượng Window đó

Thuộc tínhMô tảdocument16document17 trình xử lý sự kiệndocument18document19 trình xử lý sự kiệndocument20document21 trình xử lý sự kiệndocument22document23 trình xử lý sự kiện. Sự kiện document23 được kích hoạt khi điều hướng đến một mục nhập lịch sử phiên có URL khác với URL trước đó chỉ trong mã định danh phân đoạn. Trình xử lý sự kiện document25document26. Trình xử lý sự kiện document27document28. Trình xử lý sự kiện document29document30. Trình xử lý sự kiện document31document32. Trình xử lý sự kiện document33document34. Trình xử lý sự kiện document35document36. Sự kiện document36 được kích hoạt khi duyệt qua mục nhập lịch sử phiên. Trình xử lý sự kiện document38document39. Sự kiện document39 được kích hoạt khi duyệt qua một mục nhập lịch sử phiên. Trình xử lý sự kiện document41document42. Sự kiện document42 được kích hoạt khi điều hướng đến mục nhập lịch sử phiên đại diện cho một đối tượng trạng thái. Trình xử lý sự kiện document44document45. Trình xử lý sự kiện document46____147. Trình xử lý sự kiện document48document49. Trình xử lý sự kiện document50document51

Sau đây là các trình xử lý sự kiện được tất cả các phần tử HTML hỗ trợ, vì cả thuộc tính nội dung của trình xử lý sự kiện và thuộc tính IDL của trình xử lý sự kiện;

Trình xử lý sự kiện AttributeDescription_______153____154. Trình xử lý sự kiện document55document56. Trình xử lý sự kiện document57document58

Trình xử lý sự kiện sau đây được hỗ trợ trên các đối tượng Document dưới dạng thuộc tính IDL của trình xử lý sự kiện

Trình xử lý sự kiện AttributeDescription_______160document61

Hỗ trợ kế thừa

Nếu bạn đang sử dụng một ứng dụng được xây dựng bằng HTML 4, các tùy chọn cho trình xử lý sự kiện của bạn sẽ bị hạn chế hơn nhiều

Cách lấy danh sách người nghe sự kiện trong JavaScript?

Có bao nhiêu trình xử lý sự kiện trong JavaScript?

Trình xử lý sự kiện trong JavaScript là gì?

Có bao nhiêu trình xử lý sự kiện?