Thứ Bảy, 2 tháng 1, 2016

Ngôn Ngữ JAVASCRIPT

 
 

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>

 

 

© Bản quyền thuộc Trung tâm Tin học Phổ Thông

Tel: 0919011994 - Email: huynhtrieuvy@gmail.com

0 nhận xét: