-
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瀏覽器中必須使用參數傳遞事件對像來獲得該值.
- 參考資料
-
- 1. clientY 事件屬性 .w3school[引用日期2014-07-20]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:12次歷史版本
- 最近更新: tong97327