js獲取瀏覽器内坐標語句全集

字號+ 編輯: 国内TP粉 修訂: 听风就是我 來源: 博客园 2023-09-08 我要說兩句(0)

看源碼注釋, 一目了然。

看源碼, 不多廢話。

<body ="Text()">
<script type="text/javascript">  
var strInfo="";
function Text(){
strInfo+=window.event.x; //設置或獲取滑鼠指針位置相對於父文档的 x 像素坐標
strInfo+="\n"+window.event.y;//設置或獲取滑鼠指針位置相對於父文档的 y 像素坐標。
strInfo+="<br>"+window.event.clientX;//設置或獲取滑鼠指針位置相對於窗口客戶區域的 x 坐標,其中客戶區域不包括窗口自身的控件和滾動條.
strInfo+="\n"+window.event.clientY;//設置或獲取滑鼠指針位置相對於窗口客戶區域的 y坐標,其中客戶區域不包括窗口自身的控件和滾動條.
strInfo+="<br>"+window.event.screenX;  //screenX 設置或獲取獲取滑鼠指針位置相對於用戶屏幕的 x 坐標。
strInfo+="\n"+window.event.screenY;  //screenX 設置或獲取獲取滑鼠指針位置相對於用戶屏幕的 y 坐標。
strInfo+="<br>"+window.event.offsetX;//offsetX 設置或獲取滑鼠指針位置相對於觸發事件的對象的 x 坐標。
strInfo+="\n"+window.event.offsetY;//offsetX 設置或獲取滑鼠指針位置相對於觸發事件的對象的 y坐標。
/*event.clientX返回事件發生時,mouse相對於客戶窗口的X坐標,event.X也一樣。但是如果設置事件對象的定位屬性值爲relative,event.clientX不變,而
event.X返回事件對象的相對於本體的坐標。*/
strInfo+="<br>"+document.body.scrollWidth;//上下滾動條高度距離屏幕左耑的距離
strInfo+="\n"+document.body.scrollHeight;//屏幕内容距離窗口上耑的距離
strInfo+="<br>"+document.body.scrollTop;//網頁被卷去的高
strInfo+="\n"+document.body.scrollLeft;//網頁被卷去的寬
strInfo+="<br>"+document.body.clientWidth;//網頁可見區域的寬度(不會隨著滑鼠的變化而變化,不包括邊框和滾動條);
strInfo+="\n"+document.body.clientHeight;//網頁可見區域的高度(不會隨著滑鼠的變化而變化,不包括邊框和滾動條);
strInfo+="<br>"+document.body.offsetWidth;//網頁可見區域的高度(不會隨著滑鼠的變化而變化,包括邊框和滾動條);
strInfo+="\n"+document.body.offsetHeight;//網頁可見區域的高度(不會隨著滑鼠的變化而變化,包括邊框和滾動條);
strInfo+="<br>"+window.screenTop;//網頁正文部分上 有些瀏覽器要換成window.screenX
strInfo+="\n"+window.screenLeft;//網頁正文部分左 有些瀏覽器要換成window.screenY
strInfo+="<br>"+window.screen.width;//返回屏幕分辨率的寬度
strInfo+="\n"+window.screen.height;//返回屏幕分辨率的高度
strInfo+="<br>"+window.screen.availWidth;//返回屏幕可用工作區的像素寬度(不包括工具欄)
strInfo+="\n"+window.screen.availHeight;//返回屏幕可用工作區的像素的高度(不包括工具欄)

document.write(strInfo);
}
</script>
</body>


閲完此文,您的感想如何?
  • 有用

    0

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • JS如何防止父節點的事件運行

  • nodejs編寫一個簡單的http請求客戶耑代碼demo

  • 說一則爲什麽後耑開發人員不選擇node.js的原因

  • 使用Sublime Text3 開發React-Native的配置

我要說說
網上賓友點評