Sujet Précédent Sujet Suivant

[javascript] mouvement souris

Résolu/Fermé
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 - 26 sept. 2008 à 15:12
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 - 26 sept. 2008 à 18:59
Bonjour,
j'ai une page html sur laquelle j'ai une image
et je voudrai faire des chose quand je bouge la souris : ça c'est bon j'ai réussi ça marche avec l'évenement mousemove
mais je voudrais que ces choses ne se fassent que lorsque l'utilisateur appui sur la souris
et ça j'y arrive pas

quelqu'un peut me débloquer ?

4 réponses

Réponse 1 / 4
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
26 sept. 2008 à 18:59
Super :D

j'avais pas pensé au booléen

finalement j'ai opté pour ça et ça fonctionne super bien 
		bar.addEventListener("mousemove", barMouseMove, false);
		bar.addEventListener("mousedown", function(){bbar=true}, false);
		bar.addEventListener("mouseup", function(){bbar=false}, false);
		bar.addEventListener('mouseout', function(){bbar=false}, false);


merci beaucoup ;)
2
Réponse 2 / 4
Groarh Messages postés 682 Date d'inscription vendredi 1 août 2008 Statut Membre Dernière intervention 28 juin 2015 185
26 sept. 2008 à 17:21
L'attribut html onMouseMove est en voie de disparition, il vaut mieux éviter de l'utiliser.

Arme-toi d'un ch'ti peu de courage et apprends à te servir des gestionnaires d'évènements, tu verras une fois que t'as compris c'est pas dur. Une doc de qualité : par ici.

Pour les vieux attributs, il y a conflit quand tu essayes d'en utiliser plusieurs. C'est pour ça que tu ne peux pas faire un clic et un déplacement en même temps !
0
Réponse 3 / 4
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
26 sept. 2008 à 17:41
merci bien mais ça change pas mon problème
j'utilise déjà element.addEventListener

mais mon problème est que je n'ai aucun moyen d'empêcher la fonction de ne pas avoir lieu quand je ne clic pas
ou au contraire de n'appeler la fonction que quand je clique
0
Réponse 4 / 4
Groarh Messages postés 682 Date d'inscription vendredi 1 août 2008 Statut Membre Dernière intervention 28 juin 2015 185
26 sept. 2008 à 17:56
Mouais, je vois une solution mais ça me paraît pas très propre... 
var bool = false;

function surveilleClic() {
  bool = true;
}

function surveilleMove() {
  if(bool) {
    /*
      instructions ...
    */
  }
  bool = false; // on revient à l'état normal
}

monImage.addEventListener('click', surveilleClic, false);
monImage.addEventListener('mousemove', surveilleMove, false);


Mais en même temps la solution "propre" ça m'a l'air d'un truc bien tordu :P , genre références croisées sur les objets Event()... (ce qui est impossible sous IE, pour arranger le tout).
Si besoin, cette page t'aidera peut-être...

Edit : essaye aussi avec l'évènement mousedown à la place de click.
0