JavaScript - zdarzenia związane z myszą

Kod:

Ewentualne Objaśnienia:

Zdarzenia związane z ruchem myszą oraz naciśnięciem jej klawiszy są troszkę trudniejszą sprawą ponieważ istnieją różnice w tym zakresie w różnych przeglądarkach.
Właściwości zdarzeń związanych z obsługą myszy :
- button - równe 2 jeśli naciśnięto prawy przycisk, 1 jeśli lewy, 4 środkowy (dla IE). W większości innych 0 - lewy, 1 - środkowy, 2 - prawy
- clientX - współrzędna x określająca położenie kursora w IE
- clientY - wiadomo
- pageX - współrzędna X w większości innych niż IE przeglądarek
- pageY - wiadomo

Mamy tutaj przykład, który w polu textarea pokazuje nam współrzędne kursora myszy, kiedy porusza się ona w wyznaczonym obszarze elementu DIV. Tutaj należy sobie zdawać sprawę, że współrzędne kursora większość przeglądarek zapisuje w pageX oraz pageY (inne niż IE). Jako pewien punkt odniesienia brany jest lewy górny róg, brana jest pod uwagę również możliwość, że okno ma paski przewijania i strona mogła zostać przewinięta.
Internet Explorer korzysta z clientX orac clientY, ale niestety nie uwzględniają one możliwości przewijana okna. Dlatego tak jak w tym przykładzie wyznaczenie rzeczywiście położenia wymaga wyznaczenia o ile pikseli okno zostało przesunięte w lewo czy też w dół i właśnie do tego służą nam document.body.scrollLeft oraz document.body.scrollTop .