EVENT - Sự Kiện

Tháng Sáu 02, 2009, 04:14:15 PM gửi bởi nvcnvn

bạn có một số Script, và bạn muốn rằng khi ngừi dùng có một số hành động nhất định, các script này sẽ được kích hoạt. Thuộc tính sự kiện/Event là giải pháp.
SAu đây là một số sự kiện:

<body> and <frameset> Events

TCó hai thuộc tính sự kiện trên hai tag này

Attribute	Value	Description
onload	script	Script chạy khi trang đang được tại
onunload	script	Script chạy khi tắt trang

Form Events

The attributes below can be used in form elements:

Attribute	Value	Description
onblur	script	Script chạy khi phần tử bị mất chú ý(hok hiểu)
onchange	script	Script chạy khi phần tử thay đổi(VD: viết thêm chữ..)
onfocus	script	Script chạy khi phần tử nhận sự chú ý(hok hiểu)
onreset	script	Script chạy khi form được reset
onselect	script	Script chạy khi phần tử được chọn
onsubmit	script	Script chạy khi a form được submit

Image Events

thuộc tính dùng với img element:

Attribute	Value	Description
onabort	script	Script chạy khi Ảnh tải bị trục trặc

Keyboard Events

mấy cái này có thể đặt trong frame, frameset, head, html, iframe, meta, param, script, style,title, form(text, textarea).

Attribute	Value	Description
onkeydown	script	Script chạy khi nhấn phím
onkeypress	script	Script chạy khi nhấn + thả
onkeyup	script	Script chạy khi phím được nhả

Mouse Events

Dùng được gần như cho tất cả các phần tử bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, img...........

Attribute	Value	Description
onclick	script	Script chạy khi click vào element chứa thuộc tín
ondblclick	script	Script chạy khi click kép(2 lần liên tục ớ)
onmousedown	script	Script chạy khi nút trên chuột được nhấn
onmousemove	script	Script chạy khi di chuyễn chuột
onmouseout	script	Script chạy khi rê chuột ra ngoài phần tử
onmouseover	script	Script chạy khi rê chuột lên trên phần tử
onmouseup	script	Script chạy ngược với onmousedown

Một số ví dụ

Có lẽ các bạn sẽ thắc mắc giá trị của những thuộc tính này là gì, chúng hoạt động ra sao, nhưng đừng bận tâm, chúng ta sẽ cùng tìm hiểu ở các bài viết nói về javascript

onmouseover, onmouseout

Mã nguồn: [Chọn]

<img src="http://lh3.ggpht.com/_NHHWZbACkr4/SiTpXmgkHjI/AAAAAAAAAEo/_SOGPGCbTug/s_02.jpg" onmouseout="this.src='http://lh5.ggpht.com/_NHHWZbACkr4/SiTpXmWmnOI/AAAAAAAAAEk/r6lt8IOvNpU/s_01.jpg'" onmouseover="this.src='http://lh3.ggpht.com/_NHHWZbACkr4/SiTpXmgkHjI/AAAAAAAAAEo/_SOGPGCbTug/s_02.jpg'" />

Thử rê chuột ra vào ảnh xem!

onkeypress

Mã nguồn: [Chọn]

<input type="text" onkeypress="alert('hjhjhjhj');" />gỏ bất cứ cái gì vào

onclick

Mã nguồn: [Chọn]

<a href="#" onclick="alert('hjhjhjhj');">Click thử vào đây</a>Click thử vào đây

trên đây chỉ là một số ví dụ, các bạn hãy tự ví dụ thêm cho mình với các giá trị của thuộc tính đều tương tự như trong ví dụ là alert('Chào các bạn');(nhớ đặt trong cặp dấu "" đó!)

http://hocvui.net

Viết một nhật xét mới

Danh Sách Các Bài Trả Lời:

Trang: [1] 2

Re: html - Event Sự kiện

Trả lời bài này 1: Tháng Bảy 31, 2009, 05:59:38 PM gửi bởi obama

Chà, tội nghiệp bác mới học lớp 12 mà đã đãng trí...

Re: html - Event Sự kiện

Trả lời bài này 2: Tháng Bảy 31, 2009, 06:17:48 PM gửi bởi nvcnvn

hjx, bao nhiêu là việc, hổm rồi bên chuyên trang javascript mà còn lộn, bỏ hẵn mất đi một phần!

Re: html - Event Sự kiện

Trả lời bài này 3: Tháng Mười 10, 2009, 02:45:38 PM gửi bởi notname17

ban oi co link nao down tai lieu tu hoc day du html khong minh ngu qua'! co thi gui cho minh nha
minh dang la sinh vien nam thu nhat dai hoc cong nghe dai hoc quoc gia hanoi hihi nhung minh ga` lam' co gi chi cho minh nha

Re: html - Event Sự kiện

Trả lời bài này 4: Tháng Mười 10, 2009, 03:45:49 PM gửi bởi nvcnvn

http://www.mediafire.com/?fqzzo2llqht

Đây là 1 link tài liệu javascript của hocvui.net, còn cái html thì chưa có, bạn hãy dùng soft Tele port để download cả website mà xem.

Re: html - Event Sự kiện

Trả lời bài này 5: Tháng Chín 06, 2010, 12:38:49 PM gửi bởi hoduclong