js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 20:40:44
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情,但是要是不了解瀏覽器間的區(qū)別,整個過程就會讓人很郁悶,區(qū)別在與: 1.IE下獲得x和y軸的距離分別用event.x和event.y; FF下獲得x和y軸的距離分別用event.pageX和event.pageY; 2.IE下用此方法獲得的位置是不算滾動
導(dǎo)讀js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情,但是要是不了解瀏覽器間的區(qū)別,整個過程就會讓人很郁悶,區(qū)別在與: 1.IE下獲得x和y軸的距離分別用event.x和event.y; FF下獲得x和y軸的距離分別用event.pageX和event.pageY; 2.IE下用此方法獲得的位置是不算滾動

其實獲得鼠標位置就是一句話的事情,但是要是不了解瀏覽器間的區(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我了解的比較少,如果大家有更好的建議歡迎留言指教!謝謝
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧
js獲取鼠標位置雜談附多瀏覽器兼容代碼_javascript技巧:其實獲得鼠標位置就是一句話的事情,但是要是不了解瀏覽器間的區(qū)別,整個過程就會讓人很郁悶,區(qū)別在與: 1.IE下獲得x和y軸的距離分別用event.x和event.y; FF下獲得x和y軸的距離分別用event.pageX和event.pageY; 2.IE下用此方法獲得的位置是不算滾動