détecter la souris de direction

J'essaie ce code pour détecter si la souris, la direction est à la hausse ou à la baisse:

<html>  
    <head></head>
    <body>
        <div style="width: 500px; height: 500px; background: red;"></div>
    </body>
</html>

var mY = 0;
$('body').mousemove(function(e) {
    mY = e.pageY;
    if (e.pageY < mY) {
        console.log('From Bottom');
        return;

    } else {
        console.log('From Top');
    }

});

Toutefois, ce code ne fonctionne pas a été je pense. Journal de la Console toujours afficher "du haut"

Une idée ?

démo

OriginalL'auteur daniel__ | 2011-12-09

var mY = 0;
$('body').mousemove(function(e) {

    //moving upward
    if (e.pageY < mY) {
        console.log('From Bottom');

    //moving downward
    } else {
        console.log('From Top');
    }

    //set new mY after doing test above
    mY = e.pageY;

});

Merci beaucoup, ça marche !

OriginalL'auteur maček

4

Vous définissez my = e.pageY avant de comparer, ce qui signifie que la comparaison sera toujours égale (et donc faux.)

essayer comme ça
```
var mY = 0;
$('body').mousemove(function(e) {

    if (e.pageY < mY) {
        console.log('From Bottom');

    } else {
        console.log('From Top');
    }
    mY = e.pageY;

});
```
Attention à enlever l'instruction de retour ici sinon mY ne pas se mettre après la hausse des mouvements de la souris
Comment est-ce que cette seule réponse, qui est actuellement répertoriés, qui ne fonctionne pas est la cote la plus élevée de réponse?

OriginalL'auteur Karmic Coder
1

e.pageY est toujours égale à mY parce que vous définissez mY à e.pageY juste avant la if déclaration.

OriginalL'auteur schnozzinkobenstein

Vous avez besoin pour configurer votre mY valeur après la détermination de la direction (auparavant vous étiez réglage avant - serait donc de toujours recevoir un résultat spécifique)

Code:

//Values starts at middle of page
var mY = $('window').height()/2;

//Compares position to mY and Outputs result to console
$('body').mousemove(function(e) {
    if (e.pageY < mY) {
        console.log('Going Up');   
    } 
    else {
        console.log('Going Down');
    }
    mY = e.pageY;
});

Exemple De Travail

OriginalL'auteur Rion Williams

si vous utilisez si/d'autre, il sera toujours sortie de "Going Down", même si l'e.pageY == ma.

Utiliser 2 si-états au lieu!

var mY = 0;
$('body').mousemove(function(e) {

//moving upward
if (e.pageY < mY) {
    console.log('From Bottom');

//moving downward
}
if (e.pageY > mY) {
    console.log('From Top');
}

//set new mY after doing test above
mY = e.pageY;

});

juste copié le code de macek et a remplacé le 'else' avec un 'si(...)' btw

OriginalL'auteur Norman

La façon la plus simple de le faire. De cette façon, vous pouvez détecter des changements de direction:

var tempMouseY=0;
$('body')
.mousemove(function(e) {
    moveY = -(tempMouseY-e.pageY);
    tempMouseY = e.pageY;
    if (moveY<0) {
        console.log('From Bottom');
    } else {
        console.log('From Top');
    }

 });

OriginalL'auteur Paulo Rodrigues

Vous devez vous connecter pour publier un commentaire.