MỞ ĐẦU
MỘT SỐ TAG
HTML FORMS
ĐỌC THÊM
|
 html - Event Sự kiện
June 02, 2009, 04:14:15 PM by nvcnvnbạ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
<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
<input type="text" onkeypress="alert('hjhjhjhj');" />gỏ bất cứ cái gì vào
onclick
<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
Write Comment
Replies:
Pages: [1]
Re: html - Event Sự kiện
Reply 2: July 31, 2009, 11:24:05 AM by nvcnvnChà, quên tới quên lui. Phần này mình thêm vào sau cùng, nó là bước chuyễn khá quan trọng qua bên javascript.
Re: html - Event Sự kiện
Reply 4: July 31, 2009, 06:17:48 PM by nvcnvnhjx, 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
Reply 5: October 10, 2009, 02:45:38 PM by notname17ban 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  
Pages: [1]
|
|
|
