La Détection De Mouvement De La Souris Sans JQuery

Je suis à la recherche d'un petit bout de javascript qui permettra de vérifier les mouvements de la souris et dans le cas où il n'exécuter une fonction. Je suis à la recherche pour ce faire sans jquery et de préférence compatible avec la plupart des navigateurs modernes. J'ai ce petit script qui détecte lorsque la souris ne se déplace pas:

<script>
document.onmousemove = (function() {
  var onmousestop = function() {
    /* do stuff */
  }, thread;

  return function() {
    clearTimeout(thread);
    thread = setTimeout(onmousestop, 500);
  };
})();
</script>

Je suis en espérant que les choses peuvent être éditées dans la cuisson de la faire des trucs quand la souris est déplacée pour la première fois après le chargement du script? Toute aide? Grâce

InformationsquelleAutor mark cassaday | 2012-11-03
  1. 11

    Le problème avec Amit la solution est qu'il supprime toute existantes mousemove auditeurs. Aussi, il ne nettoie pas lorsque la souris est déplacé la première fois, et crée ainsi une surcharge inutile.

    C'est le propre façon de faire:

    var myListener = function () {
    document.removeEventListener('mousemove', myListener, false);
    //do stuff
};

document.addEventListener('mousemove', myListener, false);

    Le voir en action: http://jsfiddle.net/JQBmA/

    Si vous avez besoin de soutenir les anciens S, vous pouvez utiliser ceci:

    var addListener, removeListener;
if (document.addEventListener) {
    addListener = function (el, evt, f) { return el.addEventListener(evt, f, false); };
    removeListener = function (el, evt, f) { return el.removeEventListener(evt, f, false); };
} else {
    addListener = function (el, evt, f) { return el.attachEvent('on' + evt, f); };
    removeListener = function (el, evt, f) { return el.detachEvent('on' + evt, f); };
}

var myListener = function () {
    removeListener(document, 'mousemove', myListener);
    //do stuff
};

addListener(document, 'mousemove', myListener);
    • "Si vous avez besoin de soutenir les anciens S..." - je souhaite qu'il n'était pas le cas 🙁 je déteste IE si mauvais
    • la version de IE besoins de ce dernier ici, savez-vous?
    InformationsquelleAutor user123444555621
  2. 1
    (function(){
   var moved = false
   window.onmousemove = function(e){
      if(!moved){
          moved = true;
          //do what you want after mousemove, here
      }
   }
})()
    • Merci, fonctionne très bien. Une chose à noter pour IE, onmousemove ne fonctionne pas lorsqu'il est appliqué à la fenêtre de l'objet document.onmousemove à la place!
    • Ce style n'est pas bon, parce que vous êtes tuant les autres 'mousemove' des gestionnaires d'événements. Il est préférable d'associer un gestionnaire d'événement à la place.
    InformationsquelleAutor Amit