jQuery sự kiện - phương thức mouseleave()

Tài liệu tham khảo sự kiện jQuery

Mô hình

Thay đổi màu nền của phần tử khi con trỏ chuột rời khỏi phần tử:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

Thử ngay

Định nghĩa và cách sử dụng

Sự kiện mouseleave xảy ra khi con trỏ chuột rời khỏi phần tử.

Sự kiện này hầu hết sẽ được sử dụng cùng với mouseenter sự kiện cùng nhau.

Phương thức mouseleave() gợi sự kiện mouseleave, hoặc định nghĩa hàm được thực thi khi sự kiện mouseleave xảy ra.

Ghi chú:Khác với sự kiện mouseout, sự kiện mouseleave chỉ được gợi khi con trỏ chuột rời khỏi phần tử được chọn. Nếu con trỏ chuột rời khỏi bất kỳ phần tử con nào, sự kiện mouseout cũng sẽ được gợi. Xem minh họa dưới đây.

Thử ngay:Sự khác biệt giữa mouseleave và mouseout

Gợi sự kiện mouseleave

Cú pháp

$().mouseleave()

Thử ngay

Gắn hàm vào sự kiện mouseleave

Cú pháp

$().mouseleave(function)
Tham số Mô tả
function Tùy chọn. Định nghĩa hàm được thực thi khi sự kiện mouseleave xảy ra.

Thử ngay

Tài liệu tham khảo sự kiện jQuery