快捷導航

js獲取鼠標位置雜談附多瀏覽器兼容代碼

更新時間：2008年11月27日 14:30:08 作者：

最近在搞一個AJAX的小功能，目的是用浮動div框顯示當前鼠標下控件的詳細信息，其中獲得鼠標位置這塊害得我走了很多冤枉路，因為壓根沒有想到我下面提到的第二點的區(qū)別，所以我的頁面出來總是找不到我之前定義的那個div

其實獲得鼠標位置就是一句話的事情，但是要是不了解瀏覽器間的區(qū)別，整個過程就會讓人很郁悶，區(qū)別在與：
1.IE下獲得x和y軸的距離分別用event.x和event.y；
FF下獲得x和y軸的距離分別用event.pageX和event.pageY；
2.IE下用此方法獲得的位置是不算滾動條滾過的位置的，即它只會算到瀏覽器邊緣；
FF則會算進滾過去的那些位置；
（這個地方很讓我崩潰，為這么點小區(qū)別我把所有用到的程序全部重寫了一遍，囧死……）
解決1的辦法，無非是判斷一下瀏覽器，然后用什么方式；
解決2的辦法，是在IE的情況下在x和y軸分別加上document.documentElement.scrollTop和document.documentElement.scrollLeft；
對JS我了解的比較少，如果大家有更好的建議歡迎留言指教！謝謝

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

原生JS實現(xiàn)加入收藏夾的代碼
加入收藏夾功能在網(wǎng)上可以搜索到很多相關(guān)的文章，本文要為大家介紹的是如何使用原生js來實現(xiàn)所謂的收藏，感興趣的朋友可以參考下
2013-10-10
JavaScript 日期時間選擇器一些小結(jié)
flatpickr 是一個輕量級、注重精益、由 UX 驅(qū)動和可擴展的 JavaScript 日期時間選擇器。這篇文章主要介紹了JavaScript 日期時間選擇器,需要的朋友可以參考下
2018-04-04
javascript-hashchange事件和歷史狀態(tài)管理實例分析
這篇文章主要介紹了javascript-hashchange事件和歷史狀態(tài)管理,結(jié)合實例形式分析了javascript-hashchange基本功能、原理及歷史狀態(tài)管理相關(guān)操作技巧,需要的朋友可以參考下
2020-04-04
基于JavaScript實現(xiàn)除夕煙花秀與隨機祝福語
新年即將來臨，本文將為大家介紹一個基于JavaScript實現(xiàn)的頁面特效：煙花秀+春節(jié)隨機祝福語。文中的示例代碼講解詳細，感興趣的可以了解一下
2022-01-01
js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
這篇文章主要介紹了js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法的相關(guān)資料,希望通過本文能幫助到大家，解決遇到這樣的問題，需要的朋友可以參考下
2017-09-09
JS數(shù)組Reduce方法功能與用法實例詳解
這篇文章主要介紹了JS數(shù)組Reduce方法功能與用法,結(jié)合實例形式詳細分析了JS數(shù)組Reduce方法操作數(shù)組統(tǒng)計、去重等相關(guān)操作技巧,需要的朋友可以參考下
2020-04-04
js移除事件 js綁定事件實例應(yīng)用
本文將詳細介紹js移除事件 js綁定事件的實現(xiàn)過程，需要了解的朋友可以參考下
2012-11-11
js實現(xiàn)炫酷的左右輪播圖
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)左右輪播圖的具體代碼，具有一定的參考價值，感興趣的朋友可以參考一下
2017-01-01
ionic2.0雙擊返回鍵退出應(yīng)用
這篇文章主要為大家詳細介紹了ionic2.0雙擊返回鍵退出應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
JavaScript隨機生成顏色的方法
這篇文章主要介紹了JavaScript隨機生成顏色的方法的相關(guān)資料,非常不錯，代碼簡單易懂，具有參考借鑒價值，需要的朋友可以參考下
2016-10-10