Phương thức jQuery mouseleave ()
Thí dụ
Đặt màu nền thành màu xám, khi con trỏ chuột rời khỏi phần tử <p>:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Đị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ử được chọn.
Phương thức mouseleave () kích hoạt sự kiện mouseleave hoặc đính kèm một hàm để chạy khi sự kiện mouseleave xảy ra.
Lưu ý: Không giống như sự kiện mouseout , sự kiện mouseleave chỉ kích hoạt khi con trỏ chuột rời khỏi các phần tử đã chọn. Sự kiện mouseout được kích hoạt nếu con trỏ chuột rời khỏi bất kỳ phần tử con nào cũng như phần tử đã chọn. Xem ví dụ ở cuối trang để minh họa.
Mẹo: Sự kiện này thường được sử dụng cùng với sự kiện mouseenter .
Cú pháp
Kích hoạt sự kiện mouseleave cho các phần tử đã chọn:
$(selector).mouseleave()
Đính kèm một hàm vào sự kiện mouseleave:
$(selector).mouseleave(function)
| Parameter | Description |
|---|---|
| function | Optional. Specifies the function to run when the mouseleave event is triggered |
Hãy tự mình thử - Ví dụ
Thể hiện sự khác biệt giữa mouseleave () và mouseout ().