Tương tác JavaScript với HTML được xử lý qua các sự kiện (events) xảy ra khi người dùng hoặc trình duyệt thao tác trang.
- Trang tải xong (
onload). - Người dùng click nút (
onclick). - Nhấn phím, đóng cửa sổ, resize cửa sổ...
Events là một phần của DOM Level 3. Mọi phần tử HTML đều có tập sự kiện có thể kích hoạt code JS.
Ví dụ: onclick
Sự kiện phổ biến nhất, xảy ra khi click chuột trái.
<html>
<head>
<script>
function sayHello() {
alert("Hello World");
}
</script>
</head>
<body>
<p>Click nút để xem kết quả</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html>