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í)行]
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í)行]
您可能感興趣的文章:
- javascript窗口寬高,鼠標位置,滾動高度(詳細解析)
- JS獲得鼠標位置(兼容多瀏覽器ie,firefox)腳本之家修正版
- 基于JavaScript實現(xiàn) 獲取鼠標點擊位置坐標的方法
- js獲取鼠標位置實例詳解
- js獲取鼠標點擊的位置實現(xiàn)思路及代碼
- JavaScript取得鼠標絕對位置程序代碼介紹
- firefox中用javascript實現(xiàn)鼠標位置的定位
- javascript之鼠標拖動位置互換效果代碼
- JavaScript中獲取鼠標位置相關屬性總結
- JS判斷鼠標進入容器的方向與window.open新窗口被攔截的問題
- JS實現(xiàn)窗口加載時模擬鼠標移動的方法
- JS獲取鼠標位置距瀏覽器窗口距離的方法示例
相關文章
JavaScript字符串_動力節(jié)點Java學院整理
JavaScript中的字符串就是用''或""括起來的字符表示。下面通過本文給大家介紹JavaScript字符串的相關知識,感興趣的朋友一起看看吧2017-06-06Bootstrap Metronic完全響應式管理模板學習筆記
這篇文章主要為大家分享了Bootstrap Metronic完全響應式管理模板學習筆記,感興趣的小伙伴們可以參考一下2016-07-07Bootstrap柵格系統(tǒng)使用方法及頁面調整變形的解決方法
這篇文章主要介紹了Bootstrap柵格系統(tǒng)使用方法及頁面調整變形的解決方法,需要的朋友可以參考下2017-03-03