Lập trình sự kiện trong Javascript  
								
					  
				Sự 
				kiện
				- Sự 
				kiện là hành động có thể được phát hiện bởi JavaScript.
				Bằng 
				cách sử dụng JavaScript, chúng ta có khả năng tạo ra các trang 
				web động. 
								
								
								- Mỗi thành phần trên một trang web có các sự 
								kiện nào đó mà nó có thể kích hoạt JavaScript.
								
								Ví dụ, chúng ta có thể sử dụng sự kiện onClick 
								của một phần tử nút để chỉ ra rằng một chức năng 
								sẽ chạy khi người dùng nhấp vào nút này.
								
								Chúng ta xác định các sự kiện trong các thẻ 
								HTML.  
								
								
								Ví dụ về các sự kiện:  
								
									- 
									
									Một nhấp chuột 
 
									- 
									
									Tải một trang web hoặc tải một hình ảnh 
									
 
									- 
									
									Đưa chuột đến một điểm trên một điểm được 
									đánh dấu trên trang web 
 
									- 
									
									Chọn một điều khiển Input trong một form 
									HTML 
 
									- 
									
									Gửi một form HTML 
 
									- 
									
									Một phím tắt 
 
									
								 
								 
				Lưu ý: Sự kiện thường được áp dụng kết hợp với chức 
				năng, và chức năng sẽ không được thực hiện trước khi sự kiện xảy 
				ra! 
				
				Để 
				tham khảo toàn diện về các sự kiện được công nhận bởi 
				JavaScript, hãy truy cập trang:
				
				http://www.w3schools.com/jsref/jsref_events.asp. 
				
					
					 
					 
				Sự kiện onload và onUnload
				Sự kiện onload và onUnload
				được kích hoạt khi người dùng mở trang 
				web hoặc rời khỏi trang web. 
								
								
								Các sự kiện onload thường được sử dụng để kiểm 
								tra loại trình duyệt của khách truy cập và phiên 
								bản trình duyệt, và nạp các phiên bản đúng của 
								trang web dựa trên thông tin thu thập được. 
								
								
								Cả hai sự kiện onload và onUnload cũng thường 
								được sử dụng để đối phó với cookie đó phải được 
								thiết lập khi người dùng mở hoặc rời khỏi một 
								trang web. 
								Ví dụ, bạn có thể có một popup hỏi tên của người 
								dùng khi người dùng lần đầu tiên vào trang của 
								bạn.
								
								Tên gọi này sau đó sẽ được lưu giữ trong một 
								cookie.
								
								Lần truy cập tiếp theo thời gian khách truy cập 
								đến ở trang của bạn, bạn có thể có một popup nói 
								cái gì như: "Chào mừng Rooney!". 
				
					
					 
					 
				Sự kiện onFocus, onBlur and onChange
				
				
				Các sự kiện onFocus, onBlur và onChange thường được sử dụng để
				kiểm tra dữ liệu nhập của các 
				điều khiển trên form. 
								
								
								Dưới đây là một ví dụ về cách sử dụng sự kiện 
								onChange.
								
								Hàm checkEmail() sẽ được gọi bất cứ khi nào 
								người dùng thay đổi nội dung của điều khiển này: 
				
					
						
						<input type="text" size="30" 
						id="email" onchange="checkEmail()">; 
						 | 
					 
				 
								
					
					  
					 
				Sự kiện onSubmit
								
								
								Sự kiện onSubmit được sử dụng để kiểm tra tất cả 
								các điều khiển trong form trước khi gửi đi.
								 
								
								
								Dưới đây là một ví dụ về cách sử dụng sự kiện 
								onSubmit.
								
								Hàm checkForm() sẽ được gọi khi người dùng nhấn 
								nút submit trong form.
								
								Hàm checkForm() trả về giá trị hoặc là đúng hoặc 
								sai.
								
								Nếu hàm trả về kết quả là true thì dữ liệu trong 
								form sẽ được gửi lên, nếu ngược lại thì việc gửi 
								dữ liệu sẽ bị hủy bỏ.  
				
					
						
						<form method="post" action="xxx.htm" 
						onsubmit="return checkForm()"> 
						 | 
					 
				 
								
					
					  
					 
				Sự kiện onMouseOver and onMouseOut
								
								
								onMouseOver và onmouseout thường được sử dụng để 
								tạo ra cá nút "cử động".  
								
								
								Dưới đây là một ví dụ về một sự kiện 
								onMouseOver.
								
								Một hộp thoại Alert xuất hiện khi một sự kiện 
								onMouseOver được phát hiện:  
				
					
						
						<a href="http://www.w3schools.com" 
						onmouseover="alert('Su kien onMouseOver xay ra');return false">
						<img src="w3schools.gif" width="100" height="30"> 
						</a> 
						 | 
					 
				 
				  
				 | 
				
0 nhận xét:
Đăng nhận xét