JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)（兼容IE、FireFox、Chrome）
更新時間：2010年01月13日 03:41:27 作者：
下午想做個鼠標(biāo)跟隨的JS腳本，發(fā)現(xiàn)瀏覽器兼容問題還真是煩人，還有滾動條位置的問題。
還好網(wǎng)上什么都有，上網(wǎng)找了一個瀏覽器兼容性最佳的函數(shù)，經(jīng)測試兼容IE、FireFox、Chrome，并且不會有滾動條誤差問題，存檔下，以備后用 :)
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需再刷新一下頁面才能執(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需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- openlayers實(shí)現(xiàn)地圖彈窗
- openlayers實(shí)現(xiàn)地圖測距測面
- vue-openlayers實(shí)現(xiàn)地圖坐標(biāo)彈框效果
- javascript 鼠標(biāo)拖動圖標(biāo)技術(shù)
- JavaScript獲取對象在頁面中位置坐標(biāo)的方法
- javascript實(shí)時獲取鼠標(biāo)坐標(biāo)值并顯示的方法
- javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法
- JavaScript獲取鼠標(biāo)移動時的坐標(biāo)(兼容IE8、chome谷歌、Firefox)
- 基于JavaScript實(shí)現(xiàn) 獲取鼠標(biāo)點(diǎn)擊位置坐標(biāo)的方法
- openlayers實(shí)現(xiàn)圖標(biāo)拖動獲取坐標(biāo)
相關(guān)文章
Three.js?中的屏幕空間環(huán)境光遮蔽SSAO
這篇文章主要為大家介紹了Three.js?中屏幕空間環(huán)境光遮蔽SSAO的原理及實(shí)現(xiàn)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
面試的時候經(jīng)常會問到JS 中 判斷數(shù)據(jù)類型的方法，一般常用的 就是typeof了 ，其他的也想不起來，今天特意在網(wǎng)上查了一下來總結(jié),這篇文章主要介紹了利用JS判斷數(shù)據(jù)類型的四種方法,需要的朋友可以參考下2021-08-08
JavaScript作為一門靈活而強(qiáng)大的語言,提供了代理（Proxy）與反射（Reflect）這兩個元編程工具,它們?yōu)殚_發(fā)者提供了更深層次的語言控制和操作,在本篇博客中,我們將深入研究代理與反射的概念、用法,以及如何巧妙地結(jié)合它們來實(shí)現(xiàn)高級的編程技巧,需要的朋友可以參考下2023-12-12
ko knockoutjs動態(tài)屬性綁定技巧應(yīng)用
ko的動態(tài)屬性是指，ViewModel不確定的屬性，而后期卻需要的屬性,本文將詳細(xì)介紹，需要的朋友參考下2012-11-11
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)水平移動與垂直移動動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
快速查找數(shù)組中的某個元素并返回下標(biāo)示例
最近在寫jquery的combobox插件時遇到效率問題，再加上jquery選擇器的類帥選，導(dǎo)致效率很慢，采用以下方式二，可以輕松解決此問題2013-09-09
javascript getElementsByClassName實(shí)現(xiàn)代碼
根據(jù)元素clsssName得到元素集合的函數(shù)，需要的朋友可以參考下。2010-10-10
JavaScript從數(shù)組的indexOf()深入之Object的Property機(jī)制
這篇文章主要介紹了JavaScript從數(shù)組的indexOf()深入——Object的Property機(jī)制的相關(guān)資料,需要的朋友可以參考下2016-05-05
Javascript拖拽系列文章1之offsetParent屬性
這個系列文章主要是講述實(shí)現(xiàn)Javascript拖拽功能的基礎(chǔ)知識，并將在最后給出一個完整的示例。適合對拖拽完全不懂的人閱讀2008-09-09
JavaScript中檢測數(shù)據(jù)類型的四種方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了四個JavaScript中檢測數(shù)據(jù)類型的常用方法，文中的示例代碼講解詳細(xì)，具有一定的參考價值，需要的可以參考一下2023-04-04