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

Mô hình

Thay đổi màu nền của phần tử khi con trỏ chuột nằm trên phần tử:

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

Thử ngay

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

Sự kiện mouseover xảy ra khi con trỏ chuột nằm trên phần tử.

Sự kiện này thường được sử dụng cùng với mouseout sự kiện cùng nhau.

Phương thức mouseover() gây ra sự kiện mouseover, hoặc xác định hàm chạy khi sự kiện mouseover xảy ra.

Chú ý:Khác với sự kiện mouseenter, sự kiện mouseover sẽ được kích hoạt bất kể con trỏ chuột chạm vào phần tử được chọn hoặc phần tử con của nó. Chỉ khi con trỏ chuột chạm vào phần tử được chọn mới kích hoạt sự kiện mouseenter. Xem演示 dưới đây.

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

Gây ra sự kiện mouseover

Cú pháp

$(selector).mouseover()

Thử ngay

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

Cú pháp

$(selector).mouseover(function)
Tham số Mô tả
function Tùy chọn. Định nghĩa hàm chạy khi sự kiện mouseover xảy ra.

Thử ngay