JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法
本文實(shí)例講述了JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
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; }
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js判斷鼠標(biāo)移入移出方向的方法
- JS實(shí)現(xiàn)盒子跟著鼠標(biāo)移動(dòng)及鍵盤方向鍵控制盒子移動(dòng)效果示例
- JS判斷鼠標(biāo)進(jìn)入容器的方向與window.open新窗口被攔截的問題
- 利用JS判斷鼠標(biāo)移入元素的方向
- JS用斜率判斷鼠標(biāo)進(jìn)入DIV四個(gè)方向的方法
- javascript鼠標(biāo)跟隨運(yùn)動(dòng)3種效果(眼球效果,蘋果菜單,方向跟隨)
- JS判斷鼠標(biāo)從什么方向進(jìn)入一個(gè)容器實(shí)例說明
- Javascript實(shí)現(xiàn)鼠標(biāo)移入方向感知
相關(guān)文章
150行代碼帶你實(shí)現(xiàn)微信小程序中的數(shù)據(jù)偵聽
在這篇文章中, 我將用150行代碼, 手把手帶你打造一個(gè)小程序也可以使用的偵聽器,感興趣的朋友跟隨小編一起看看吧2019-05-05JS實(shí)現(xiàn)仿QQ聊天窗口抖動(dòng)特效
本文給大家分享的是類似QQ窗口的抖動(dòng)效果,只是覺得好玩,沒什么技術(shù)含量,推薦給大家,有需要的小伙伴可以參考下。2015-05-05整理Javascript基礎(chǔ)入門學(xué)習(xí)筆記
整理Javascript基礎(chǔ)入門學(xué)習(xí)筆記,之前一系列的文章是跟我學(xué)習(xí)Javascript,本文就是進(jìn)一步學(xué)習(xí)javascript,希望大家繼續(xù)關(guān)注2015-11-11在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03js使用棧來實(shí)現(xiàn)10進(jìn)制轉(zhuǎn)8進(jìn)制與取除數(shù)及余數(shù)
這篇文章主要介紹了js使用棧來實(shí)現(xiàn)10進(jìn)制轉(zhuǎn)8進(jìn)制、js取除數(shù)、余數(shù),需要的朋友可以參考下2014-06-06微信小程序?qū)崿F(xiàn)點(diǎn)贊、取消點(diǎn)贊功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)贊、取消點(diǎn)贊,和多項(xiàng)點(diǎn)擊功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11