Phương thức jQuery mouseenter ()

❮ Phương thức sự kiện jQuery

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 ().


❮ Phương thức sự kiện jQuery