Rechercher : dans
Par :

[javascript] mouvement souris

Dernière réponse le 26 sep 2008 à 18:59:07 nEm3sis, le 26 sep 2008 à 15:12:46 
 Signaler ce message aux modérateurs

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 ?

Configuration: Windows XP
Firefox 3.0.2

Meilleures réponses pour « [javascript] mouvement souris » dans :
Javascript - Manipulation des contrôles clavier VoirManipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à...
Javascript - Interdire le clic droit de la souris VoirIl est possible d'empêcher que votre visiteur effectue un clic droit sur votre page. Ceci permet une protection relative de vote code source et de vos photos. Placez ce script entre les balises et de votre code HTML :
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Télécharger AutoClick VoirSi la manipulation de la souris vous incombe, si vous avez tout simplement la flemme de l'utiliser ou si vous vous sentez plus à l'aise avec le clavier, alors utilisez Autoclick. Quand le mouvement du pointeur s'arrête, AutoClick compte un intervalle...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...

1

Groarh, le 26 sep 2008 à 17:21:22

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 !

Répondre à Groarh

2

nEm3sis, le 26 sep 2008 à 17:41:21

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

Répondre à nEm3sis

3

Groarh, le 26 sep 2008 à 17:56:35

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.

Répondre à Groarh

4

 nEm3sis, le 26 sep 2008 à 18:59:07
  • +1

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 ;)

Répondre à nEm3sis