évènements: fonction mouseenter

Exécute une fonction lorsque l'évènement mouseenter est declenché, pour chaque élément de la sélection.

L'évènement mouseenter se déclanche lorsque le pointeur rentre dans un élément.

Cette méthode a été ajoutée pour jQUery 1.3. Etais disponible auparavant par le biais de la méthode bind.

Version: disponible depuis la version 1.3 de JQuery

Paramétres:

  • fn (fonction): fonction éxécutée lorsque l'évènement mousenter sera déclenché

Valeur de retour: object JQuery

Exemple :

Met en exergue la différence entre mouseenter et mouseover, grace a des compteurs qui sont incrémenté au déclenchement de chacun des évènememts.

var i = 0;
    $("div.overout").mouseover(function(){
      $("p:first",this).text("mouse over");
      $("p:last",this).text(  i);
    }).mouseout(function(){
      $("p:first",this).text("mouse out");
    });

    var n = 0;
    $("div.enterleave").mouseenter(function(){
      $("p:first",this).text("mouse enter");
      $("p:last",this).text(  n);
    }).mouseleave(function(){
      $("p:first",this).text("mouse leave");
    });

Code de test: 

<div class="out overout"><p>move your mouse</p><div class="in overout"><p>move your mouse</p><p>0</p></div><p>0</p></div>
<div class="out enterleave"><p>move your mouse</p><div class="in enterleave"><p>move your mouse</p><p>0</p></div><p>0</p></div>

0 Commentaire (afficher/poster)