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