Jaký je nejlepší způsob, jak sledovat rychlost myši pomocí prostého JS/JQuery? Chtěl bych sledovat, jak rychle uživatel pohybuje myší ve všech směrech (nahoru/dolů/vlevo/vpravo).
Odpověď
Sparklines má šikovný příklad sledování pohybu myši a jeho grafu. Jejich kód je k dispozici ve zdroji jejich webu počínaje řádkem 315.
Jednoduché a efektivní.
Zde je kód:
var mrefreshinterval = 500; // update display every 500ms var lastmousex=-1; var lastmousey=-1; var lastmousetime; var mousetravel = 0; $('html').mousemove(function(e) { var mousex = e.pageX; var mousey = e.pageY; if (lastmousex > -1) mousetravel += Math.max( Math.abs(mousex-lastmousex), Math.abs(mousey-lastmousey) ); lastmousex = mousex; lastmousey = mousey; });