複製鏈接
請複製以下鏈接發送給好友

clientY

鎖定
clientY 事件屬性返回當事件被觸發時鼠標指針向對於瀏覽器頁面(客户區)的垂直座標。
客户區指的是當前窗口。
中文名
html
相    關
網站排版
不考慮
文檔的滾動
客户區
指的是當前窗口

clientY注意事項

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

clientY語法

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

clientY返回值

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

clientY參數

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

clientY實例

<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説明

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