Metoda jQuery mouseover()

❮ Metody zdarzeń jQuery

Przykład

Ustaw kolor tła na żółty, gdy wskaźnik myszy znajduje się nad elementem <p>:

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

Definicja i użycie

Zdarzenie mouseover występuje, gdy wskaźnik myszy znajduje się nad wybranym elementem.

Metoda mouseover() wyzwala zdarzenie mouseover lub dołącza funkcję uruchamianą po wystąpieniu zdarzenia mouseover.

Uwaga: W przeciwieństwie do zdarzenia mouseenter , zdarzenie mouseover jest wyzwalane, gdy wskaźnik myszy wejdzie w dowolny element podrzędny oraz w zaznaczony element. Zdarzenie mouseenter jest wyzwalane tylko wtedy, gdy wskaźnik myszy wejdzie w zaznaczony element. Zobacz przykład na końcu strony, aby zobaczyć demonstrację.

Wskazówka: to zdarzenie jest często używane razem ze zdarzeniem mouseout .


Składnia

Wywołaj zdarzenie mouseover dla wybranych elementów:

$(selector).mouseover()

Dołącz funkcję do zdarzenia mouseover:

$(selector).mouseover(function)

Parameter Description
function Optional. Specifies the function to run when the mouseover event is triggered

Spróbuj sam - przykłady


Demonstruje różnicę między mouseover(), mouseenter() i mousemove().


❮ Metody zdarzeń jQuery