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