JS 常用位置 和 尺寸 獲取 滑鼠的座標

2022-07-25 08:12:06 字數 721 閱讀 3548

innerwidth  文件顯示區域 寬

innerheight  文件顯示區域 高

outwidth  瀏覽器整個寬

outheight  瀏覽器整個高

screenx(screenleft)  瀏覽器裡螢幕左上角距離的x座標

screeny(screentop)  瀏覽器裡螢幕左上角距離的y座標

尺寸:element.clientwidth  內容+內邊距(填充盒)寬

element.clientheight  內容+內邊距(填充盒)高

element.offsettwidth  內容+內邊距+邊框(邊框盒)寬

element.offsettheight  內容+內邊距+邊框(邊框盒)寬

位置:邊框盒的位置,以第乙個定位的父級元素為基準

element.offsettleft    element.offsetttop

event.clientx  event.clienty  相對於文件顯示區的xy方向距離,整個document顯示出來的部分左上角

event.pagex  event.pagey  相對於頁面的xy方向距離,整個文件左上角,不管有沒有顯示

event.offsetx  event.offsety  相對於節點元素的左上角位置(事件源節點)

event.screenx   event.screeny 相對於電腦螢幕左上角的距離

注:值全是number型別,且唯讀。

angularjs獲取當前滑鼠的位置

在angularjs專案中,canvas畫圖經常會要求獲取使用者當前滑鼠的座標位置,而且因為不同瀏覽器獲取資料的方式不同,避免每次都去寫實現該功能的 因此把該功能寫成乙個函式,以後直接呼叫就行了,封裝函式如下 獲取當前dom元素 function getcrossbrowserelement mou...

JS獲取滑鼠的座標和滾動條的位置

1相對視窗,當然是以瀏覽器視窗為主了,即瀏覽器中可見部分 即包含文件部分 的左上角為座標原點。這是用clientx和clienty獲取的。2相對螢幕,當然是以你的顯示器為主了,顯示器的左上角為原點,用screenx和screeny可以獲取到 3相對文件的,即以文件body所顯示的左上角為原點,例如當...

js 獲取DOM尺寸 位置

檢視滾動條的滾動位置 封裝相容性方法getscrolloffset function getscrolloffset else 檢視視覺化視窗的尺寸 document.documentelement.clientwidth clientheight document.body.clientwidth...