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