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í)行]

您可能感興趣的文章:

深入淺析JS是按值傳遞還是按引用傳遞(推薦)
這篇文章主要介紹了JS是按值傳遞還是按引用傳遞(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
Kotlin學習第一步 kotlin語法特性
Kotlin學習第一步，從kotlin語法特性開始學習，包括變量定義、函數(shù)擴展、Parcelable序列化、編寫工具類等，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
webpack中如何加載靜態(tài)文件的方法步驟
這篇文章主要介紹了webpack中如何加載靜態(tài)文件的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
js簡單網(wǎng)速測試方法完整實例
這篇文章主要介紹了js簡單網(wǎng)速測試方法,以完整實例形式分析了JavaScript基于網(wǎng)頁圖片下載進行測試網(wǎng)速的實現(xiàn)技巧,需要的朋友可以參考下
2015-12-12
JavaScript字符串_動力節(jié)點Java學院整理
JavaScript中的字符串就是用''或""括起來的字符表示。下面通過本文給大家介紹JavaScript字符串的相關知識，感興趣的朋友一起看看吧
2017-06-06
layui導出所有數(shù)據(jù)的例子
今天小編就為大家分享一篇layui導出所有數(shù)據(jù)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript 通過模式匹配實現(xiàn)重載
昨天rank同學向我提出一個問題，在實際應用中有些接口需要提供類似于函數(shù)重載的功能，以方便開發(fā)者組織代碼邏輯，簡化使用者調用。
2010-08-08
Ajax 加載數(shù)據(jù) 練習代碼
這篇文章主要介紹了Ajax 加載數(shù)據(jù)，主要是為了查詢表的顯示，不用嵌入php通過ajax調用，現(xiàn)在手機端的更多顯示功能都是通過ajax實現(xiàn)的
2017-01-01
Bootstrap Metronic完全響應式管理模板學習筆記
這篇文章主要為大家分享了Bootstrap Metronic完全響應式管理模板學習筆記，感興趣的小伙伴們可以參考一下
2016-07-07
Bootstrap柵格系統(tǒng)使用方法及頁面調整變形的解決方法
這篇文章主要介紹了Bootstrap柵格系統(tǒng)使用方法及頁面調整變形的解決方法,需要的朋友可以參考下
2017-03-03