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