jQuery - Event

Như ta đã biết các thẻ trong HTML thường hỗ trợ các sự kiện như: onclick, onkeydown, onmousedown... thường dưới dạng attribute và chúng ta phải định nghĩa hàm cho nó theo dạng sau:

Vậy câu hỏi đặt ra là: jQuery có hỗ trợ cho chúng ta gọi những sự kiện này hay không?



Câu trả lời là có. jQuery hỗ trợ cho chúng ta hầu như là đầy đủ những sự kiện. Một số sự kiện thường dùng được jQuery hỗ trợ như là:

Mouse event(sự kiện chuột)
click: sự kiện này được gọi khi có một click chuột có nghĩa là bao gồm nhấn trái chuột xuống và nhả ra(mouse down and mouse up).
mousedown: sự kiện này được gọi khi vừa nhấn trái chuột
mouseup: sự kiện này được gọi khi nhả chuột trái
mouseenter: sự kiện này được gọi khi con trỏ chuột di chuyển vào vùng quy định.
mouseleave: sự kiện này được gọi khi con trỏ chuột rời khỏi vùng quy định.
mousemove: sự kiện này được gọi khi con trỏ chuột di chuyển bên trong vùng quy định.
Keyboard event(sự kiện bàn phím)
keypress: sự kiện này được gọi khi một phím trên bàn phím được nhấn và nhả ra.
keydown: sự kiện này được gọi khi một phím trên bàn phím được nhấn xuống(chưa nhả).
keyup: sự kiện này được gọi khi một phím trên bàn phím được nhả ra.
Other event(sự kiện khác)
focus: sự kiện xảy ra khi ta đang focus vào 1 element(con nháy trong textbox, viền trên button, radio, checkbox...).
blur: ngược lại focus
change: sự kiện này được gọi khi giá trị của một radio hoặc một checkbox được thay đổi(check - uncheck).
live và bind: dùng để gán hàm xử lý của một element.
scroll: bắt sự kiện của thanh scrollbar

Cú pháp chung
$("#element_id").event_name(function(ObjectEventHandle){ code here });
$("[name='element_name']").event_name(function(ObjectEventHandle){ code here });
Có thể có hoặc không có ObjectEventHandle

Tình huống
Khi ta click vào button thì sẽ hiển thị thêm chữ ở ô màu xám bên cạnh.

copyright http://devnovice.blogspot.com/2010/06/jquery-event.html