Jquery: si mouseleave = vrai alors le FAIRE

Simple question, comment pourrais-je accomplir cette fonctionnalité en Jquery:
Tester si le curseur de la souris sur .myBox

    if ($(".myBox").mouseleave = true) {
        DO SOMETHING
    } else {something else}

    if ($(".myBox").mouseover = false) {
        DO SOMETHING
    } else {Something else}

REMARQUE: je cherche une instruction if

OriginalL'auteur android.nick | 2011-01-28

10

jQuery fournit la is méthode de vérification des conditions à l'égard d'un objet jQuery. Dans votre cas, vous pouvez vérifier pour la :hover CSS pseudo classe:
```
$('.myBox').is(':hover') === true
```
Havre un coup d'oeil à cette démo, essayez de cliquer sur le bouton (qui sera d'alerte true) et la surbrillance et appuyer sur la touche enter sur le bouton (sans la souris, il sera de retour false).

DÉMO: http://jsfiddle.net/marcuswhybrow/LL5JD/

avez-vous essayer ceci ? n' pas fonctionne sous IE, FF..
Testé dans Chrome, juste testé dans FF et ça ne marchait pas... enquête.
Il semble y avoir un bug dans jQuery: uncaught exception: Syntax error, unrecognized expression: Syntax error, unrecognized expression: hover
yep. je reçois le même aussi.. concept Intéressant mais ..
avez-vous signalé le bug? parce que ce que vous avez fourni est exactement ce que je voulais, gahhhh bugs!

OriginalL'auteur Marcus Whybrow

Prendre un coup d'oeil à jQuery Souris Sur

$(".my_box").mouseover(function(){
    //Mouse over...
});

$(".my_box").mouseout(function(){
    //Mouse left...
});

Voici un exemple, l'ajout d'une bordure à une image lors du survol, et de l'enlever au bout de x temps si sa a pas été re-tournait: Le voir travailler ici

var hover_off = false;
var hover_count = 1000;

$(".my_box").mouseover(function() {
    hover_off = false;
    $(this).addClass('hovering');
});

$(".my_box").mouseout(function() {
    hover_off = true;
    setTimeout(myMouseOut, hover_count);
});

function myMouseOut() {
    if (hover_off) {
        $(".my_box").removeClass('hovering');
    }
}

OriginalL'auteur Scoobler

2

C'est vrai, $('.myBox').is(':hover') utilisé avec jQuery 1.5.1 jette l'erreur, mais dans mes tests uniquement dans le Navigateur Opera (11.01):
Uncaught exception: erreur de Syntaxe, non reconnu expression: hover

Une solution de contournement est d'utiliser un niée expression: $('.myBox').est (pas(:hover)')
Qui a bien fonctionné pendant mes tests dans Opera 11, FF4, IE7, Chrome 5.

OriginalL'auteur Oliver A. Keith
1

Utilisation .hover() http://api.jquery.com/hover/

OriginalL'auteur Crayon Violent
1
```
$(".myBox").hover(
           function(){
               //DO SOMETHING ON MOUSE ENTER
           },
           function(){
               //DO SOMETHING ON MOUSE LEAVE
           }
 });
```
En fait ce qui est incroyablement utile. Cette structure agit comme une clause else où les fi ne peut pas être utilisé, par exemple, lorsque vous ne pouvez pas (coïncidence) utilisation .hover avec un si parce que vous êtes aux prises avec google chrome, la saisie semi-automatique dans une fenêtre pop-up formulaire de connexion. Si vous utilisez .hover vous pourrez sûrement obtenir les comportements indésirables, au lieu de cela lorsque vous utilisez $("#foo").mouseout(function(){#The Code},function(){}); vous n'avez pas de problèmes à tous. Je vous remercie.
Bien dit @Luis comme pour chrome remplissage automatique des fiascos, quelqu'un a dit que l'habillage du texte entrées dans <form> les balises de l'arrêter. Je l'ai essayé et ça marche!!!

OriginalL'auteur TheVillageIdiot

Cela a fonctionné pour moi:

var hover = false;
$('.someClass').each(function(i,e){
    hover = !hover ? $(e).is(':hover') : true;
});

if (hover)
    //do something
else
    //do something else

OriginalL'auteur Robert Schmidt

0

utiliser ceci: http://plugins.jquery.com/project/enterleave-events
```
$('.myBox').bind('enter leave',function() {
  //do something, use $(this) to get the object
});
```
pourquoi utiliser un plugin pour mouseenter et mouseleave événements ? ils sont pris en charge en interne avec bind('mouseenter mouseleave', ...

OriginalL'auteur Syl
0

Loi sur la mouseenter et mouseleave événements.

Ou utiliser le hover qui peuvent gérer chacun d'eux..
```
$('.myBox').hover(
   function(e){
     //do the mouseenter things here...
   },
   function(e){
     //do the mouseleave things here...
   }
);
```
Exemple à http://www.jsfiddle.net/gaby/ECYD4/

im essayant de créer un retard quand j'ai passez la souris hors de quelque chose, de sorte qu'il ne ferme pas tout de suite, mais après peut-être 3 secondes, mais si je hover "off", puis passez la souris sur le dos, annuler passez off, donc si quelqu'un a accidentellement plane éteint, il ne ferme pas tout de suite.
Voir la mise à jour à ma question par un exemple comment adapter Gaby code pour faire ce que vous voulez. jsfiddle.net/Scoobler/ThLqx/12

OriginalL'auteur Gabriele Petrioli

Vous devez vous connecter pour publier un commentaire.