DHTML Event Handlers（Event Handlers）

Bạn có thể thực hiện một hành động nào đó với một phần tử khi một sự kiện nào đó xảy ra thông qua bộ xử lý sự kiện.

Ví dụ

Ghi chú:Hầu hết các ví dụ DHTML cần IE 4.0+, Netscape 7+ hoặc Opera 7+!

onmouseover và onmouseout
Làm thế nào để thay đổi màu sắc của một phần tử khi con trỏ chuột di chuyển vào và ra khỏi phần tử.
onclick
Làm thế nào để khi bạn nhấp vào một hình ảnh, hình ảnh thay đổi, sau đó nhấp vào nó một lần nữa để quay lại hình ảnh ban đầu.
onmousedown và onmouseup
Lần này chỉ khi bạn giữ nút chuột thì đèn mới sáng.
onload
Hiển thị một hộp thoại khi trang web hoàn thành việc tải.

Bộ xử lý sự kiện

Bằng cách sử dụng bộ xử lý sự kiện, bạn có thể thực hiện một hành động nào đó với một phần tử khi một sự kiện nào đó xảy ra: khi người dùng nhấp vào phần tử, khi trang web được tải, khi một biểu mẫu được gửi, v.v.

<h1 onclick="style.color='red'">Bấm vào văn bản này</h1>

Ví dụ trên có thể định nghĩa khi người dùng nhấp vào một tiêu đề, tiêu đề sẽ chuyển thành màu đỏ.

Bạn cũng có thể thêm một đoạn mã vào phần head của trang web, sau đó gọi hàm từ bộ xử lý sự kiện:

<html>
<head>
<script type="text/javascript">
function doi mau()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="doi mau()"Bấm vào văn bản này
</body>
</html>

Event handlers HTML 4.0

Sự kiện Khi...
onabort Người dùng ngừng tải trang.
onblur Người dùng rời khỏi đối tượng.
onchange Người dùng thay đổi giá trị của đối tượng.
onclick Người dùng nhấp vào đối tượng.
ondblclick Người dùng nhấp đúp vào đối tượng.
onfocus Người dùng kích hoạt đối tượng.
onkeydown Nhấn phím từ bàn phím.
onkeypress Nhấn phím từ bàn phím.
onkeyup Thả phím từ bàn phím.
onload

Trang hoàn thành việc tải.

Ghi chú:Trong Netscape, sự kiện này sẽ xảy ra khi trang được tải.
onmousedown Người dùng nhấn nút chuột.
onmousemove Con trỏ chuột di chuyển trên đối tượng.
onmouseover Con trỏ chuột di chuyển lên đối tượng.
onmouseout Con trỏ chuột rời khỏi đối tượng.
onmouseup Người dùng thả nút chuột.
onreset Người dùng đặt lại biểu mẫu.
onselect Người dùng chọn nội dung trên trang.
onsubmit Người dùng gửi biểu mẫu.
onunload Người dùng đóng trang.