English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo mouseover() di jQuery

jQuery事件

Il metodo mouseover() attiva l'evento mouseover, o aggiunge una funzione per eseguire quando si verifica l'evento mouseover.

Un evento mouseover si verifica quando il puntatore del mouse entra in un elemento e nei suoi elementi figli.

Potresti pensare mouseover,mouseenteremousemoveL'evento è lo stesso, ma non sono:

  • mouseover-Chiamato quando il puntatore del mouse entra nell'elemento e nei suoi elementi figli

  • mouseenter-Chiamato solo quando il puntatore del mouse entra nell'elemento

  • mousemove-Chiamato quando il puntatore del mouse viene mosso sopra l'elemento (vedi l'esempio seguente)

Il metodo mouseover() viene spesso utilizzato conmouseout()Metodi insieme.

Sintassi:

Attivare l'evento di hover del mouse sull'elemento selezionato:

$.mouseover()

将函数附加到mouseover事件:

$.mouseover(function)

实例

当mouseover和mouseout事件触发时更改背景颜色:

$("p").mouseover(function(){
  $.css("background-color", "yellow");
});
$("p").mouseout(function(){
  $.css("background-color", "lightblue");
});
测试看看‹/›

此示例演示mouseenter,mousemove和mouseover之间的区别:

调用的Mouseenter事件:

调用的mousemove事件:

调用的鼠标悬停事件:

运行代码

参数值

参数描述
函数每次鼠标悬停事件触发时执行的函数

jQuery事件