滑鼠事件發生時，相關的位置資訊會儲存在事件物件中（event）。在開發中，有時候需要用到跟滾輪和滑鼠有關的位置屬性，所以記錄一下，以供之後再用。
1.客戶區座標位置
滑鼠事件都是在瀏覽器視口中特定位置發生的，位置資訊儲存在事件物件的cilentx,clienty屬性中。所有瀏覽器都支援這個屬性，它們的值表示事件發生時滑鼠指標在視口中的水平和垂直座標。簡單說來就是，滑鼠相對於視口的位置。示例**如下：
圖1 clientx,clienty用法示例
注：本示例只是為了演示具體屬性，沒有考慮相容性
2.頁面座標位置
頁面座標通過事件的pagex,pagey屬性，告訴你事件在頁面的什麼位置發生的。這兩個屬性表示滑鼠游標在頁面的位置，座標是從頁面本身而不是視口的 左邊和頂邊計算的。頁面沒有滾動的情況下，pagex,pagey 和clientx,clienty的值相等。ie8及更高版本不支援這個屬性，可根據client座標位置和滾動資訊計算出來
。計算過程如下：
圖2 計算發生的事件在頁面中的位置
3.螢幕座標位置
相對與整個電腦螢幕的位置。而通過screenx,screeny屬性可以確定滑鼠事件發生時滑鼠指標相對與電腦螢幕的位置。示例如下：
圖3 screenx,screeny 用法示例
注：本示例只是為了演示具體屬性，沒有考慮相容性
clucene的位置資訊
clucene可以通過termdocs segmenttermdocs 和termpositions segmenttermpositions 的文件資訊和位置資訊.可以用此些類自己做高亮 void findtermposition indexreader preader,indexsearcher...
React之運用元件獲取滑鼠實時位置資訊
核心思路 通過滑鼠移動事件，獲取實時滑鼠位置資訊，再將位置資訊更新在頁面上 實現思路 要設定 state，用來儲存滑鼠的 橫縱座標 要註冊mousemove事件，實時獲取滑鼠當前的位置，並儲存到state中 mousemove事件要註冊給window 在 componentdidmount 方法中進...
前端 jQuery的位置資訊
jquery的位置資訊跟js的client系列 offset系列 scroll系列封裝好的一些簡便api.width 描述 為匹配的元素集合中獲取第乙個元素的當前計算寬度值。這個方法不接受任何引數。css width width value 描述 給每個匹配的元素設定css寬度。height 描述 ...