Tự học JavaScript (Phần 13) - Sự kiện

Sự kiện là những hành động của người sử dụng được phát hiện bởi JavaScript. Tất cả các thành phần của trang web đều có sự kiện, điều mà có thể kích hoạt một đoạn mã JavaScript. Ví dụ về các sự kiện:

Nhấn chuột
Tải một trang web hoặc một hình ảnh
Di chuyển chuột qua một vị trí nào đó của trang web
Lựa chọn một ô nhập liệu trong HTML form
Gửi một dữ liệu từ HTML
Nhấn một tổ hợp phím
 
Onload và unload:
 
Là 2 sự kiện được người dùng sử dụng khi vào hoặc rời khỏi website. Các sự kiện onload thường để kiểm tra loại trình duyệt của người truy cập và phiên bản trình duyệt để tải phiên bản thích hợp cho website đó
 
Thuộc tính sự kiện (Event Properties):
 
x - Tọa độ x của chuột khi có một sự kiện xảy ra
y - Tọa độ y của chuột khi có một sự kiện xảy ra
 
JavaScript định ra 5 loại sự kiện sau: FORM, Images, image map link, and window. Những sự kiện này được liên kết với các thẻ HTML trong trang web.
 
a. Sự kiện với Form
 
blur: Sự kiện xảy ra khi chúng ta rời khỏi một phần tử nào đó của FORM
change:  Sự kiện xảy ra khi chúng ta thay đổi giá trị một phần tử nào đó của FORM
focus:  Sự kiện xảy ra khi chúng ta đến một phần tử nào đó của FORM
reset:  Sự kiện xảy ra khi chúng ta thiết lập lại giá trị cho FORM nào đó
select: Sự kiện xảy ra khi chúng ta chọn một đoạn văn bản nào đó
submit: Sự kiện xảy ra khi chúng ta muốn gửi dữ liệu trong FORM từ trình duyệt đến máy chủ
 
b. Sự kiện với hình ảnh
 
about: tạo ra một hành động hủy bỏ chức năng
error: Có lỗi xảy ra
load: một đối được đã tải xong
 
c. Sự kiện với Image Map
 
mouseOut: Chuột được di chuyển ra ngoài từ link của MAP
mouseOver: Chuột được di chuyển lên link của MAP
 
d. Sự kiện với Link
 
click: Một đối tượng link được nhấn
mouseOut: Chuột được di chuyển ra ngoài từ link 
mouseOver: Chuột được di chuyển lên link
 
e. Sự kiện với Window
 
blur: Rời khỏi một phần tử nào đó
error: Một lỗi xảy ra.
focus: Chuyển đến một phần tử nào đó
load: Load một phần tử
unload: Thoát khỏi một phần tử

 

avata

bởi DungDung

Ngày 27/12/2011 vào lúc 08:27:34
Các chương trình xử lý sự kiện thì sao nhỉ? chủ nhà update cho mọi ng tìm hiểu với chứ!
avata

bởi Mr.L

Ngày 27/12/2011 vào lúc 11:14:10
Các sự kiện trên đã giải thích đầy đủ ý nghĩa của nó rồi bạn, Bạn nên tìm hiểu lại kỉ 1 chút nhé và thử tạo 1 form làm theo nào.

Chúc bạn thành công.
avata

bởi Phạm duy khánh

Ngày 31/12/2011 vào lúc 14:24:43
Mong chủ nhà cho mỗi cái, mỗi ví dụ nhỏ cho anh em dể hình dung đi ạ. mong quản trị giúp tụi em.
avata

bởi Lưu Trường Hải Lân

Ngày 03/01/2012 vào lúc 09:09:07
Chúng tôi sẽ sớm cung cấp các khóa học về vấn đề này cho các bạn. Tạm thời bạn có thể vào trang http://api.jquery.com/category/events/ để tìm hiểu thêm nhé