JavaScript HTML 事件实例

Ví dụ sử dụng JavaScript để phản hồi sự kiện.

Sự kiện nhập

onblur - Khi người dùng rời khỏi trường nhập
onchange - Khi người dùng thay đổi nội dung trường nhập
onchange - Khi người dùng chọn giá trị thả xuống
onfocus - Khi trường nhập được tập trung
onselect - Khi văn bản nhập được chọn
onsubmit - Khi người dùng nhấn nút submit
onreset - Khi người dùng nhấn nút reset
onkeydown - Khi người dùng nhấn hoặc giữ phím
onkeypress - Khi người dùng nhấn hoặc giữ phím
onkeyup - Khi người dùng thả phím
onkeyup - Khi người dùng thả phím
onkeydown vs onkeyup - Cả hai

Sự kiện con trỏ chuột

onmouseover/onmouseout - Khi con trỏ chuột đi qua một yếu tố
onmousedown/onmouseup - Khi nhấn/thả nút chuột
onmousedown - Khi nhấn chuột: Hiển thị phần tử nào đã được nhấp
onmousedown - Khi nhấp chuột: Hiển thị nút nào đã được nhấp
onmousemove/onmouseout - Khi con trỏ chuột di chuyển vào/ra khỏi div
onmouseover/onmouseout - Khi con trỏ chuột di chuyển vào/ra khỏi hình ảnh
onmouseover - Khi chuột đè lên bản đồ hình ảnh

Sự kiện nhấp chuột

Phản hồi sự kiện onclick
onclick - Khi nhấp vào nút
ondblclick - Khi nhấp đúp vào văn bản

Sự kiện tải

onload - Sau khi tải trang
onload - Sau khi tải ảnh
onerror - Khi tải ảnh xảy ra lỗi
onunload - Khi đóng tài liệu trình duyệt
onresize - Khi kích thước cửa sổ trình duyệt được điều chỉnh

Khác

Mã số phím của phím là gì?
Tọa độ của con trỏ là gì?
Tọa độ con trỏ so với màn hình là gì?
Bạn có nhấn phím shift không?
Loại sự kiện nào đã xảy ra?

Giải thích ví dụ