Một sự kiện là gì?
Tương tác của JavaScript với HTML được xử lý thông qua các sự kiện xảy ra khi người dùng hoặc trình duyệt thao tác một trang.
Khi trang tải, nó được gọi là một sự kiện. Khi người dùng nhấp vào một nút, nhấp vào đó cũng là một sự kiện. Các ví dụ khác bao gồm các sự kiện như nhấn bất kỳ phím nào, đóng cửa sổ, thay đổi kích thước cửa sổ, v.v.
Các nhà phát triển có thể sử dụng các sự kiện này để thực thi các phản hồi được mã hóa JavaScript, khiến các nút đóng cửa sổ, các tin nhắn được hiển thị cho người dùng, dữ liệu được xác thực và hầu như bất kỳ loại phản hồi nào khác có thể tưởng tượng được.
Các sự kiện là một phần của mô hình đối tượng tài liệu [DOM] cấp 3 và mỗi phần tử HTML chứa một tập hợp các sự kiện có thể kích hoạt mã JavaScript.
Vui lòng trải qua hướng dẫn nhỏ này để hiểu rõ hơn về tham khảo sự kiện HTML. Ở đây chúng ta sẽ thấy một vài ví dụ để hiểu mối quan hệ giữa sự kiện và JavaScript -
Loại sự kiện Onclick
Đây là loại sự kiện được sử dụng thường xuyên nhất xảy ra khi người dùng nhấp vào nút bên trái của chuột. Bạn có thể đặt xác thực, cảnh báo, vv, so với loại sự kiện này.
Thí dụ
Hãy thử ví dụ sau.
Click the following button and see result
Đầu ra
Loại sự kiện onSubmit
Onsubmit là một sự kiện xảy ra khi bạn cố gắng gửi biểu mẫu. Bạn có thể đặt xác thực biểu mẫu của bạn so với loại sự kiện này. is an event that occurs when you try to submit a form. You can put your form validation against this event type.
Thí dụ
Hãy thử ví dụ sau.validate[] function before submitting a form data to the webserver. If validate[] function returns true, the form will be submitted, otherwise it will not submit the data.
Hãy thử ví dụ sau.
.......
Đầu ra
Loại sự kiện onSubmitonmouseover event triggers when you bring your mouse over any element and the onmouseout triggers when you move your mouse out from that element. Try the following example.
Bring your mouse inside the division to see the result:
This is inside the division
Đầu ra
Loại sự kiện onSubmit
Onsubmit là một sự kiện xảy ra khi bạn cố gắng gửi biểu mẫu. Bạn có thể đặt xác thực biểu mẫu của bạn so với loại sự kiện này.
HTML 5 Sự kiện tiêu chuẩn | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
Giá trị | Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Ở đây tập lệnh cho biết hàm javascript sẽ được thực thi chống lại sự kiện đó. | Thuộc tính |
onmouseup | script | Kích hoạt khi nút chuột được phát hành |
onmouseWheel | script | Kích hoạt khi nút chuột được phát hành |
onmouseWheel | script | Kích hoạt khi nút chuột được phát hành |
onmouseWheel | script | Kích hoạt khi nút chuột được phát hành |
onmouseWheel | script | Kích hoạt khi nút chuột được phát hành |
onmouseWheel | script | Kích hoạt khi bánh xe chuột được xoay |
Onoffline | script | Kích hoạt khi tài liệu đi ngoại tuyến |
Onoine | script | Kích hoạt khi tài liệu lên mạng |
OnOnline | script | onpage -a |
Kích hoạt khi cửa sổ được ẩn | script | onpageshow |
Kích hoạt khi cửa sổ hiển thị | script | tại chỗ |
Kích hoạt khi dữ liệu phương tiện được tạm dừng | script | on play |
Kích hoạt khi dữ liệu phương tiện sẽ bắt đầu phát | script | chơi |
Kích hoạt khi dữ liệu phương tiện đã bắt đầu phát | script | onpopstate |
Kích hoạt khi lịch sử của cửa sổ thay đổi | script | không chính xác |
Kích hoạt khi trình duyệt đang tìm nạp dữ liệu phương tiện | script | Onratechange |
Kích hoạt khi tốc độ chơi của dữ liệu phương tiện đã thay đổi | script | OnReadyStatechange |
Kích hoạt khi trạng thái sẵn sàng thay đổi | script | Onredo |
Kích hoạt khi tài liệu thực hiện làm lại | script | onresize |
Kích hoạt khi cửa sổ được thay đổi kích thước | script | onscroll |
Kích hoạt khi thanh cuộn của một phần tử đang được cuộn | script | 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 | script | 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à việc tìm kiếm đã bắt đầu | script | oncelect |
Kích hoạt khi một phần tử được chọn | script | onstalled |
Kích hoạt khi có lỗi trong việc tìm nạp dữ liệu phương tiện | script | OnStorage |
Kích hoạt khi một tài liệu tải | script | onsubmit |
Kích hoạt khi một biểu mẫu được gửi | script | onsuspend |
Kích hoạt khi trình duyệt đã tìm nạp dữ liệu phương tiện, nhưng dừng lại trước khi toàn bộ tệp phương tiện được tìm nạp | script | OntimeUpdate |
Kích hoạt khi phương tiện thay đổi vị trí chơi của nó | script | onundo |