Chương 6: các sự kiện trong js
Javascript có thể bắt được 1 số sự kiện như: onload, onunload, onclick, ondbclick,.....
- onload và onunload: bắt sự kiện khi trang được load xong hoặc khi thoát khỏi trang
Ví dụ:
onfocus,onblur,onchange,onsubmit: thường được dùng cho các đối tượng của form
ví dụ:
Sau đó bạn đưa con trỏ vào ô nhập liệu (onfocus) , rời con trỏ ra khỏi ô (onblur) hoặc gõ vài ký tự vào (onchange) để xem thông báo. Sau đó bấm submit để xem sự kiện submit
onmouseover ,onmouseout: bắt sự kiện con chuột hover và out ra khỏi 1 đối tượng
onKeyDown,onKeyPress,onKeyUp: bắt sự kiện bàn phím
- onKeyDown: khi nhấn phím xuống
- onKeyUp: khi phím trở lên
- onKeyPress: khi nhấn phím ( không phân biệt phím nhấn xuống hay giỏ lên)
Ví dụ:
Chú ý: trong bài viêt này hàm alert('text') có nhiệm vụ hiển thị thông báo có nội dung 'text' lên màn hình
- onload và onunload: bắt sự kiện khi trang được load xong hoặc khi thoát khỏi trang
Ví dụ:
<html>
<body onload="alert('Đã load xong');" onunload="alert('Bạn đã thoát');">
Body content
</body>
</html>
<body onload="alert('Đã load xong');" onunload="alert('Bạn đã thoát');">
Body content
</body>
</html>
onfocus,onblur,onchange,onsubmit: thường được dùng cho các đối tượng của form
ví dụ:
<form onsubmit="alert('Bạn đang submit');">
<input type="text" onfocus="alert('Bạn đang focus vào tôi');" onblur="alert('bạn ra khỏi tôi');" onchange="alert('Giá trị vừa thay đổi')" value="" />
<input type="submit" value="Submit" />
</form>
<input type="text" onfocus="alert('Bạn đang focus vào tôi');" onblur="alert('bạn ra khỏi tôi');" onchange="alert('Giá trị vừa thay đổi')" value="" />
<input type="submit" value="Submit" />
</form>
Sau đó bạn đưa con trỏ vào ô nhập liệu (onfocus) , rời con trỏ ra khỏi ô (onblur) hoặc gõ vài ký tự vào (onchange) để xem thông báo. Sau đó bấm submit để xem sự kiện submit
onmouseover ,onmouseout: bắt sự kiện con chuột hover và out ra khỏi 1 đối tượng
<div onmouseover="alert('Bạn vừa đưa chuột qua tôi');" onmouseout="alert('Sau đó bạn đưa chuột ra');"> this is a text</div>
onKeyDown,onKeyPress,onKeyUp: bắt sự kiện bàn phím
- onKeyDown: khi nhấn phím xuống
- onKeyUp: khi phím trở lên
- onKeyPress: khi nhấn phím ( không phân biệt phím nhấn xuống hay giỏ lên)
Ví dụ:
<input onKeyDown="alert('Nhấn phím xuống');" onKeyUp="alert('Giở phím lên');" />
Chú ý: trong bài viêt này hàm alert('text') có nhiệm vụ hiển thị thông báo có nội dung 'text' lên màn hình
Tra loi 0 comment(s) 2010-02-02 05:45:31
Bài đăng
Reply