JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)（兼容IE、FireFox、Chrome）
更新時(shí)間：2010年01月13日 03:41:27 作者：
下午想做個(gè)鼠標(biāo)跟隨的JS腳本，發(fā)現(xiàn)瀏覽器兼容問(wèn)題還真是煩人，還有滾動(dòng)條位置的問(wèn)題。
還好網(wǎng)上什么都有，上網(wǎng)找了一個(gè)瀏覽器兼容性最佳的函數(shù)，經(jīng)測(cè)試兼容IE、FireFox、Chrome，并且不會(huì)有滾動(dòng)條誤差問(wèn)題，存檔下，以備后用 :)
function mousePos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
};
}
注：此函數(shù)配合onmousemove事件使用。
函數(shù)出處：鼠標(biāo)跟隨提示框 by nunumick
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
復(fù)制代碼 代碼如下:
function mousePos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
};
}
注：此函數(shù)配合onmousemove事件使用。
函數(shù)出處：鼠標(biāo)跟隨提示框 by nunumick
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- openlayers實(shí)現(xiàn)地圖彈窗
- openlayers實(shí)現(xiàn)地圖測(cè)距測(cè)面
- vue-openlayers實(shí)現(xiàn)地圖坐標(biāo)彈框效果
- javascript 鼠標(biāo)拖動(dòng)圖標(biāo)技術(shù)
- JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法
- javascript實(shí)時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示的方法
- javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法
- JavaScript獲取鼠標(biāo)移動(dòng)時(shí)的坐標(biāo)(兼容IE8、chome谷歌、Firefox)
- 基于JavaScript實(shí)現(xiàn) 獲取鼠標(biāo)點(diǎn)擊位置坐標(biāo)的方法
- openlayers實(shí)現(xiàn)圖標(biāo)拖動(dòng)獲取坐標(biāo)
相關(guān)文章
用JavaScript實(shí)現(xiàn)使用鼠標(biāo)畫(huà)線的示例代碼
用JavaScript實(shí)現(xiàn)用鼠標(biāo)畫(huà)線，具體步驟是首先是畫(huà)點(diǎn)，在根據(jù)兩點(diǎn)坐標(biāo)畫(huà)直線，最后是獲取鼠標(biāo)位置,需要的朋友可以參考下2014-08-08
下雪了 javascript實(shí)現(xiàn)雪花飛舞
下雪了，這篇文章主要介紹了javascript實(shí)現(xiàn)雪花飛舞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
一個(gè)不錯(cuò)的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用
一個(gè)不錯(cuò)的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用...2007-03-03
jstl中判斷l(xiāng)ist中是否包含某個(gè)值的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇jstl中判斷l(xiāng)ist中是否包含某個(gè)值的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
js中scrollTop()方法和scroll()方法用法示例
這篇文章主要介紹了js中scrollTop()方法和scroll()方法用法,結(jié)合實(shí)例形式分析了scrollTop()方法和scroll()方法滾動(dòng)操作的用法與相關(guān)操作技巧,需要的朋友可以參考下2016-10-10
JavaScript async&await方法中的異常處理方案
在 async/await 方法中,可以使用 try-catch 塊來(lái)處理異常,通過(guò)使用 try-catch,可以捕獲異步操作中拋出的異常,并在 catch 塊中進(jìn)行適當(dāng)?shù)奶幚?本文給大家詳細(xì)介紹了async&await方法中異常如何處理,需要的朋友可以參考下2023-08-08
javascript 容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
有時(shí)候大家來(lái)瀏覽網(wǎng)頁(yè)的時(shí)候發(fā)現(xiàn)IE瀏覽器左下角總有個(gè)黃色錯(cuò)誤標(biāo)志，有時(shí)候更是直接彈出錯(cuò)誤無(wú)法繼續(xù)瀏覽頁(yè)面，這樣對(duì)于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。2010-04-04
這篇文章主要介紹了判斷js驗(yàn)證日期時(shí)間有效性的方法，需要的朋友可以參考下2015-10-10
JavaScript通過(guò)正則表達(dá)式實(shí)現(xiàn)表單驗(yàn)證電話號(hào)碼
JavaScript判斷一個(gè)輸入量是否為電話號(hào)碼，通過(guò)正則表達(dá)式實(shí)現(xiàn),需要的朋友可以參考下2014-03-03
javascript數(shù)組對(duì)象常用api函數(shù)小結(jié)(連接,插入,刪除,反轉(zhuǎn),排序等)
這篇文章主要介紹了javascript數(shù)組對(duì)象常用api函數(shù),結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)數(shù)組的連接、刪除、反轉(zhuǎn)、排序、插入等操作相關(guān)函數(shù)用法,需要的朋友可以參考下2016-09-09