clientY

clientY 事件屬性返回當事件被觸發時滑鼠指針向對於瀏覽器頁面(客戶區)的垂直坐標。

客戶區指的是當前視窗。

基本介紹

  • 中文名:html
  • 相關:網站排版
  • 不考慮:文檔的滾動
  • 客戶區:指的是當前視窗
注意事項,語法,返回值,參數,實例,說明,

注意事項

注意,該坐標不考慮文檔的滾動。如果事件發生在視窗的頂部,無論文檔滾了多遠,clientY 的值都是 0。但是,2 級 DOM 沒有提供把視窗坐標轉換為文檔坐標的標準方法。在 IE 以外的瀏覽器,使用 window.pageXOffset 和 window.pageYOffset 即可。

語法

y=event.clientY || y=e.clientY

返回值

y:返回滑鼠指針在當前網頁的y坐標.數字類型.

參數

event:IE專用的事件對像.
e:FF等瀏覽器必須使用參數傳弟事件對像.

實例

<html>
<head>
<title>clientY實例</title>
</head>
<body onmousemove="My_clienty(event)">
<h2>注意該實例已兼容了IE和FF瀏覽器,並已經加上了滾動條的值,你可以最小化視窗向下拉動滾動條測試</h2>
<div id="y"></div>
<script language="javascript">
function My_clienty(event){
var y = event.clientY+document.body.scrollTop || event.clientY+document.documentElement.scrollTop;
document.getElementById("y").innerHTML="滑鼠的clientY值是:" + y;
}
</script>

說明

clientY與clientX作用類似.唯一的區別是clientY返回的是滑鼠指針在當前網頁的縱向坐標.也就是網頁從上至下的位置.當你把滑鼠指針放到網頁的最頂部該值返回0.向下移動滑鼠該值會發生變化.是用數字來表示.注意這個值不包括滾動條向下滾動的距離.如果你想獲得滑鼠指針在整個網頁內的真實坐標.請加上scrollTop的值.在IE瀏覽器中可以直接使用event.clientY來取得值.但在FF瀏覽器中必須使用參數傳遞事件對像來獲得該值.

相關詞條

熱門詞條

聯絡我們