核心思想:
1、複雜版本:滑鼠pagex、pagey的值減去盒子距離頂端的offsetleft、offsettop值就是滑鼠在盒子中的座標
2、簡單版本:offsetx、offsety就可獲取滑鼠相對於事件觸發物件的座標,以事件觸發物件左上角為基準點
doctype html>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
* div
span
style
>
head
>
<
body
>
<
div>
滑鼠在盒子中的座標x:000 y:000
div>
<
script
>
vardivele
=document.getelementsbytagname(
"div")[
0];divele.onmousemove
=function
(ev)
function
scroll() ;
}script
>
body
>
html
>
doctype html>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
* div
span
style
>
head
>
<
body
>
<
div>
滑鼠在盒子中的座標x:000 y:000
js 獲得滑鼠的座標
event.clientx 設定或獲取滑鼠指標位置相對於視窗客戶區域的 x 座標,其中客戶區域不包括視窗自身的控制項和滾動條。event.clienty 設定或獲取滑鼠指標位置相對於視窗客戶區域的 y 座標,其中客戶區域不包括視窗自身的控制項和滾動條。event.offsetx 設定或獲取滑鼠指標位...
js如何獲取滑鼠當前座標?
在進行業務功能實現時,有時需要根據滑鼠當前位置進行一定的操作。那麼該如何獲取到滑鼠當前的位置呢?經過一番嘗試與查詢,找到乙個比較便捷的方法,在此進行記錄 let sh window.pageyoffset document.documentelement.scrolltop document.bod...
獲取網頁中滑鼠的座標
主要是兩段 把這兩段 加入你儲存後的頁面檔案中就可以了,加入方法如下 1.在 標記之前插入如下一段 如插入後的示例如下 2.在標記中加入如下一段 nm usem ve statusreport 加入後的示例如下 3.儲存檔案 用ie瀏覽器開啟修改過的頁面後,在頁面中移動滑鼠,滑鼠所在位置的x,y座標...