国产高清在线免费观看-国产高清在线免费无码-国产高清在线男人的天堂-国产高清在线视频-国产高清在线视频精品视频-国产高清在线视频伊甸园

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

通過(guò) JavaScript 獲取頁(yè)面上的鼠標(biāo)位置

admin
2010年8月14日 2:14 本文熱度 4818

用 JS 計(jì)算鼠標(biāo)在頁(yè)面上的位置并非難事, 只要把握好各瀏覽器的區(qū)別就可以輕易算出鼠標(biāo)位置. (這是 DEMO)


視窗 (瀏覽器可視窗口) 就像是頁(yè)面上的掩板開(kāi)了一個(gè)洞. 滾動(dòng)條可以改變頁(yè)面和視窗之間的偏移量, 從而可以通過(guò)視窗看到頁(yè)面的各個(gè)位置.
鼠標(biāo)在頁(yè)面上的位置 = 頁(yè)面和視窗之間的偏移量 + 鼠標(biāo)在視窗中的位置


右圖中的 cursorX 和 cursorY 分別是鼠標(biāo)在視窗中的橫向和縱向位置, scrollY 是頁(yè)面和視窗之間的縱向距離. 當(dāng)然, 當(dāng)視窗寬度小于頁(yè)面寬度的時(shí)候, 還會(huì)存在 scrollX. 那么鼠標(biāo)在頁(yè)面上的位置就是: (scrollX+cursorX, scrollY+cursorY)


IE 以外的瀏覽器 (本人測(cè)試過(guò) Firefox 3.6, Opera 10.10, Chrome 4.1 和 Safari 4.0.4) 均可以通過(guò) pageXOffset 和 pageYOffset 來(lái)獲取頁(yè)面和視窗間的橫縱距離. 但 IE (本人測(cè)試過(guò) IE6, IE7, IE8) 只能通過(guò)滾動(dòng)位移來(lái)獲取頁(yè)面和視窗間的距離, 并存在一到兩個(gè)像素的偏離.


以下是獲取鼠標(biāo)在頁(yè)面上位置的代碼實(shí)現(xiàn). (這是 DEMO)







1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/**
* 獲取鼠標(biāo)在頁(yè)面上的位置
* @param ev 觸發(fā)的事件
* @return x:鼠標(biāo)在頁(yè)面上的橫向位置, y:鼠標(biāo)在頁(yè)面上的縱向位置
*/

function getMousePoint(ev) {
// 定義鼠標(biāo)在視窗中的位置
var point = {
x:0,
y:0
};
 
// 如果瀏覽器支持 pageYOffset, 通過(guò) pageXOffset 和 pageYOffset 獲取頁(yè)面和視窗之間的距離
if(typeof window.pageYOffset != 'undefined') {
point.x = window.pageXOffset;
point.y = window.pageYOffset;
}
// 如果瀏覽器支持 compatMode, 并且指定了 DOCTYPE, 通過(guò) documentElement 獲取滾動(dòng)距離作為頁(yè)面和視窗間的距離
// IE 中, 當(dāng)頁(yè)面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否則 compatMode 的值是 BackCompat
else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
point.x = document.documentElement.scrollLeft;
point.y = document.documentElement.scrollTop;
}
// 如果瀏覽器支持 document.body, 可以通過(guò) document.body 來(lái)獲取滾動(dòng)高度
else if(typeof document.body != 'undefined') {
point.x = document.body.scrollLeft;
point.y = document.body.scrollTop;
}
 
// 加上鼠標(biāo)在視窗中的位置
point.x += ev.clientX;
point.y += ev.clientY;
 
// 返回鼠標(biāo)在視窗中的位置
return point;
}

該文章在 2010/8/14 2:14:58 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: hd成人免费电影 | 精品无码一区二区三区亚洲桃色 | 最新精品亚洲成a人在线观看 | 亚洲国产成人资源在线桃色 | 一区二区三区无码被窝影院 | 日韩av中出在线免费播放网站 | 亚洲第一永久av网站久久精品男人的天堂av | 国产欧美一区二区精品久久久 | 制服丝袜亚洲无 | 日韩毛片高清免费 | 三级大乳在线观看 | 4455永久在线毛片观看 | 欧美人成中文字幕 | 中文字幕日产乱码久久 | 亚洲精品无码成人A片在线 亚洲精品无码成人片在线观看 | 少妇人妻无码专区毛片 | 精品无码麻豆一区 | 亚洲国产精品日本无码 | 自拍偷拍亚洲第一页 | 日产精品一二三四区气温 | 午夜人性色福利无码视频在 | 亚洲熟妇久久国内精品 | 国产日韩一区二区三区视频免费 | WWW国产色情在线观看APP | 日韩欧美国产中文字幕 | 无码一区二区三区四区蜜桃 | 综合区精品久久久中文字幕一区 | 精品国产乱码久久久久久免费 | 亚洲av无码片vr一区二区三区 | 欧美多毛的大隂道 | 在线亚洲精品国产一区麻豆 | 黑人上司好猛我好爽中文字幕 | 国产精品高潮呻吟爱久久AV无码 | 夫妻性姿势真人做视频 | www国产精品内射老熟女 | 久久久精品国产免大香伊 | 亚洲av无码精品网站 | 亚洲日本黄色 | 国产成人免费网站在线观看 | 国产精品无码一区二区三区在 | 亚洲欧美一区二区三区在线 |