国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼

2019-11-21 00:53:45
字體:
供稿:網(wǎng)友
第一段代碼是利用全局變量來獲取實時鼠標(biāo)的位置。
復(fù)制代碼 代碼如下:

var xPos;
var yPos;
window.document.onmousemove(function(evt){
evt=evt || window.event;
if(evt.pageX){
xPos=evt.pageX;
yPos=evt.pageY;
} else {
xPos=evt.clientX+document.body.scrollLeft-document.body.clientLeft;
yPos=evt.clientY+document.body.scrollTop-document.body.clientTop;
}
});


因為IE和Firefox對clientX的解析不一樣,IE認(rèn)為clientX是鼠標(biāo)相對整個頁面左上角的位置,而Firefox認(rèn)為是相對當(dāng)前所見頁面左上角的位置。而這段代碼最終返回的結(jié)果是整個頁面左上角的位置。這段代碼的缺陷是,xPos和yPos是實時變動的。

第二段代碼是通過函數(shù)獲取當(dāng)前時刻的鼠標(biāo)坐標(biāo)值

復(fù)制代碼 代碼如下:

document.onmousemove = mouseMove;
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
}
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}


這段代碼的來源是這里,這個網(wǎng)站還提供了一些簡單的樣例給我們玩耍。這個函數(shù)和剛才的函數(shù)理論是一致的,先觸發(fā)mousemove事件,然后獲取了事件之后,分別判斷瀏覽器類型。這段代碼的優(yōu)點是,不適用全局變量,并且可以隨用隨拿,只要調(diào)用這個函數(shù),就能夠獲取鼠標(biāo)坐標(biāo)。

這兩段代碼,個人偏好于后者,現(xiàn)在先把這段代碼記下來,這段代碼應(yīng)該是會經(jīng)常被使用到的。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 韶关市| 洞口县| 宜城市| 伊通| 铁力市| 青冈县| 德惠市| 扎赉特旗| 陇西县| 邯郸市| 博兴县| 饶平县| 阆中市| 简阳市| 曲周县| 色达县| 洛南县| 永善县| 邵阳市| 称多县| 当涂县| 剑川县| 凤城市| 巴楚县| 西青区| 舒城县| 齐齐哈尔市| 夏津县| 龙胜| 普洱| 青冈县| 出国| 和顺县| SHOW| 海丰县| 静安区| 咸阳市| 巴林右旗| 邵东县| 贵港市| 海南省|