實(shí)時顯示鼠標(biāo)坐標(biāo) 如何獲取鼠標(biāo)當(dāng)前坐標(biāo)?
如何獲取鼠標(biāo)當(dāng)前坐標(biāo)?使用以下方法獲取鼠標(biāo)在頁面上的位置:1。Pagex/Pagex:鼠標(biāo)在頁面上的位置從頁面的左上角開始,即以頁面為參照點(diǎn),不隨滑塊的移動而改變2。Clientx/clienty:鼠
如何獲取鼠標(biāo)當(dāng)前坐標(biāo)?
使用以下方法獲取鼠標(biāo)在頁面上的位置:
1。Pagex/Pagex:鼠標(biāo)在頁面上的位置從頁面的左上角開始,即以頁面為參照點(diǎn),不隨滑塊的移動而改變
2。Clientx/clienty:鼠標(biāo)在頁面可視區(qū)域的位置從瀏覽器可視區(qū)域的左上角開始,也就是說,此時瀏覽器滑塊的位置作為參照點(diǎn),并隨著滑塊的移動而變化,但悲劇的是,pagex只是FF獨(dú)有的,而悲劇的是IE不是t。所以他們想出了一個辦法
pagey=clienty Scrolltop ClientTOP(只討論y軸,x軸,下同)
3。Screenx/screeny:鼠標(biāo)在屏幕上的位置,從屏幕的左上角開始(W3C標(biāo)準(zhǔn))
4。抵消額/越位:IE獨(dú)特:與觸發(fā)事件的元素的位置相比,鼠標(biāo)以元素框模型的內(nèi)容區(qū)域的左上角為參照點(diǎn)。如果有瀏覽器,可能會出現(xiàn)負(fù)值
5.
layerx/layery:FF是唯一的。與當(dāng)前坐標(biāo)系相比,如果觸發(fā)元素未設(shè)置絕對定位或相對定位,則以頁面為參考點(diǎn)。如果有,參考坐標(biāo)系將改變,參考點(diǎn)將從觸發(fā)元件盒模型邊界區(qū)域的左上角開始。也就是說,當(dāng)觸發(fā)器元素設(shè)置了相對或絕對位置時,layerx和offsetx將愉快地生活在一起唯一的區(qū)別是一個使用邊框作為參考點(diǎn),另一個使用內(nèi)容作為參考點(diǎn)
chrome和safari一起工作!完全支持所有屬性。其中(offsetx和layerx都使用border作為參考點(diǎn))
下面是獲取相對于屏幕的坐標(biāo)document.onmousemove=函數(shù)(e) {e=e?電子郵件:window.eventdocument.writeln(“X:”e.screenX“Y:”e.screen Y)}
dim X,Y,color//聲明變量GetCursorPos X,Y//獲取當(dāng)前鼠標(biāo)的坐標(biāo)位置并保存到變量X,Y中。color=getpixelcolor(X,Y)//獲取指定坐標(biāo)位置的顏色并保存到變量color中。消息框(“坐標(biāo)為:”&x&“,”&y&“顏色為:”&color)//彈出窗口輸出坐標(biāo)和顏色值