DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript檢測鼠標移動方向的方法
JavaScript檢測鼠標移動方向的方法
編輯:JavaScript綜合知識     

   本文實例講述了JavaScript檢測鼠標移動方向的方法。分享給大家供大家參考。具體實現方法如下:

  ?

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

  希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved