Thứ Sáu, 1 tháng 1, 2016

Sự kiện (JS)

Bài 14: Các Sự kiện trong Java script ~ Nghiên cứu

Bài 14: Các Sự kiện trong Java script


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ử

 

0 nhận xét: