JavaScript检测鼠标移动方向的方法

这篇文章主要介绍了JavaScript检测鼠标移动方向的方法,涉及javascript鼠标操作的相关技巧,需要的朋友可以参考下

本文实例讲述了JavaScript检测鼠标移动方向的方法。分享给大家供大家参考。具体实现方法如下：

1. function Start() { 
2. stage.addEventListener(MouseEvent.MOUSE_MOVE, CheckDirection); 
3. } 
4. Start(); 
5. var prevX=0; 
6. var prevY=0; 
7. var curX=0; 
8. var curY=0; 
9.  
10. var dirX:String=""; 
11. var dirY:String=""; 
12. function CheckDirection(e:MouseEvent) { 
13. trace("X movement: " + GetHorizontalDirection() + ", Y movement: " + GetVerticalDirection()); 
14. e.updateAfterEvent(); 
15. } 
16. function GetHorizontalDirection():String { 
17. prevX=curX; 
18. curX=stage.mouseX; 
19. if (prevX>curX) { 
20. dirX="left"; 
21. } else if (prevX < curX) { 
22. dirX="right"; 
23. } else { 
24. dirX="none"; 
25. } 
26. return dirX; 
27. } 
28. function GetVerticalDirection():String { 
29. prevY=curY; 
30. curY=stage.mouseY; 
31. if (prevY>curY) { 
32. dirY="up"; 
33. } else if (prevY < curY) { 
34. dirY="down"; 
35. } else { 
36. dirY="none"; 
37. } 
38. return dirY; 
39. } 

希望本文所述对大家的javascript程序设计有所帮助。