JavaScript: onClick
Giải phóng thời gian, khai phóng năng lực
Sự kiện onClick được coi là sự kiện phổ biến nhất dùng trong các trang web. Sự kiện này cũng được coi là dễ hiểu và dễ dùng nhất, nó được kích hoạt khi ta nhấn vào một đối tượng nào đó của trang web (nút lệnh, link, ảnh, ...).
Ví dụ:
<html>
<head>
<title>Event Handling and Forms</title>
<meta charset="utf-8">
<script>
1 function greetme(message){
alert(message);
}
</script>
</head>
<body bgcolor=white>
<h2>
Greetings Message
</h2>
<hr>
2 <form>
3 <input type="button" value="Morning"
4 onClick="greetme('Chào buổi sáng - Good morning!')">
<input type="button" value="Noon"
onClick="greetme('Chúng ta cùng ăn chưa nào.')">
<input type="button" value="Night"
onClick="greetme('Chúc ngủ ngon.\nSweet dreams...')">
</form>
</body>
</html>
GIẢI THÍCH
1. Ta định nghĩa một hàm có nhiệm vụ đưa ra thông điệp.
2. Bắt đầu một form.
3. Thẻ input kiểu button (ta định nghĩa ba thẻ này).
4. Khi người dùng click vào nút lệnh thì sự kiện onClick sẽ được kích hoạt, và nó sẽ gọi hàm greetme() đồng thời truyền đi chuỗi thông điệp tương ứng để hàm hiển thị.
Giải phóng thời gian, khai phóng năng lực