JS 滑鼠在盒子中的座標

2022-07-14 15:54:16 字數 1595 閱讀 9337

核心思想:

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座標...