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

Mô hình

Thay đổi màu nền của phần tử khi con trỏ chuột vào (chạm vào) phần tử:

$("p").mouseenter(function(){
  $("p").css("background-color","yellow");
});

Thử ngay

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

Sự kiện mouseenter xảy ra khi con trỏ chuột chạm vào phần tử.

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

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

Chú ý:Khác với sự kiện mouseover, sự kiện mouseenter chỉ được kích hoạt khi con trỏ chuột chạm vào phần tử được chọn. Nếu con trỏ chuột chạm vào bất kỳ phần tử con nào, sự kiện mouseover cũng sẽ được kích hoạt. Xem ví dụ dưới đây để hiểu rõ hơn.

Thử ngay:Khác biệt giữa mouseenter và mouseover

Gây ra sự kiện mouseenter

Cú pháp

$(selector).mouseenter()

Thử ngay

Gán hàm vào sự kiện mouseenter

Cú pháp

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

Thử ngay