JavaScript獲取鼠標坐標的函數(兼容IE、FireFox、Chrome)
更新時間:2010年01月13日 03:41:27 作者:
下午想做個鼠標跟隨的JS腳本,發(fā)現瀏覽器兼容問題還真是煩人,還有滾動條位置的問題。
還好網上什么都有,上網找了一個瀏覽器兼容性最佳的函數,經測試兼容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
};
}
注:此函數配合onmousemove事件使用。
函數出處:鼠標跟隨提示框 by nunumick
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復制代碼 代碼如下:
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
};
}
注:此函數配合onmousemove事件使用。
函數出處:鼠標跟隨提示框 by nunumick
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
Three.js?中的屏幕空間環(huán)境光遮蔽SSAO
這篇文章主要為大家介紹了Three.js?中屏幕空間環(huán)境光遮蔽SSAO的原理及實現解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04javascript getElementsByClassName實現代碼
根據元素clsssName得到元素集合的函數,需要的朋友可以參考下。2010-10-10JavaScript從數組的indexOf()深入之Object的Property機制
這篇文章主要介紹了JavaScript從數組的indexOf()深入——Object的Property機制的相關資料,需要的朋友可以參考下2016-05-05Javascript拖拽系列文章1之offsetParent屬性
這個系列文章主要是講述實現Javascript拖拽功能的基礎知識,并將在最后給出一個完整的示例。適合對拖拽完全不懂的人閱讀2008-09-09