js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 20:40:44
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情，但是要是不了解瀏覽器間的區別，整個過程就會讓人很郁悶，區別在與： 1.IE下獲得x和y軸的距離分別用event.x和event.y； FF下獲得x和y軸的距離分別用event.pageX和event.pageY； 2.IE下用此方法獲得的位置是不算滾動
導讀js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情，但是要是不了解瀏覽器間的區別，整個過程就會讓人很郁悶，區別在與： 1.IE下獲得x和y軸的距離分別用event.x和event.y； FF下獲得x和y軸的距離分別用event.pageX和event.pageY； 2.IE下用此方法獲得的位置是不算滾動
其實獲得鼠標位置就是一句話的事情，但是要是不了解瀏覽器間的區別，整個過程就會讓人很郁悶，區別在與：
1.IE下獲得x和y軸的距離分別用event.x和event.y；
FF下獲得x和y軸的距離分別用event.pageX和event.pageY；
2.IE下用此方法獲得的位置是不算滾動條滾過的位置的，即它只會算到瀏覽器邊緣；
FF則會算進滾過去的那些位置；
（這個地方很讓我崩潰，為這么點小區別我把所有用到的程序全部重寫了一遍，囧死……）
解決1的辦法，無非是判斷一下瀏覽器，然后用什么方式；
解決2的辦法，是在IE的情況下在x和y軸分別加上document.documentElement.scrollTop和document.documentElement.scrollLeft；
對JS我了解的比較少，如果大家有更好的建議歡迎留言指教！謝謝
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情，但是要是不了解瀏覽器間的區別，整個過程就會讓人很郁悶，區別在與： 1.IE下獲得x和y軸的距離分別用event.x和event.y； FF下獲得x和y軸的距離分別用event.pageX和event.pageY； 2.IE下用此方法獲得的位置是不算滾動
