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

Metodo mouseenter() di jQuery

jQuery事件

Il metodo mouseenter() attiva l'evento mouseenter, o si può aggiungere una funzione per eseguire quando si verifica l'evento mouseenter.

Si verifica l'evento mouseenter quando il puntatore del mouse entra nell'elemento.

Potresti pensare che mouseenter,mousemoveemouseoverGli eventi sono gli stessi, ma non sono:

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

  • mousemove-Chiamato quando il puntatore del mouse viene mosso sopra l'elemento

  • mouseover-Chiamato quando il puntatore del mouse entra nell'elemento e nei suoi elementi figli (vedi gli esempi di seguito)

Il metodo mouseenter() viene spesso utilizzato conmouseleave()Metodi insieme.

Sintassi:

Attivare l'evento mouseenter dell'elemento selezionato:

$(selector).mouseenter()

将函数附加到mouseenter事件:

$(selector).mouseenter(function)

实例

触发mouseenter和mouseleave事件时更改背景颜色:

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

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

调用的Mouseenter事件:

调用的mousemove事件:

调用的鼠标悬停事件:

运行代码

参数值

参数描述
function每当mouseenter事件触发时执行的函数

jQuery事件