Javascript'in birçok tetikleyici olayları vardır.Input(Kullanıcı Girişi) olayı,click (tıklama) olayı vs. ben bu yazımda fare (mouse) olaylarına değinicem
OnClick: Fare ile nesnemizin üzerine tıkladığımızda belirtilen işlevi görür.
OnMouseOver: Fare nesnemizin üzerine geldiğinde belirtilen işlevi görür.
OnMouseOut: Fare nesnemizin üzerinden çekildiğinde belirtilen işlevi görür.
OnMouseMove: Fare nesnemizin üzerinde gezinirken işlem görür.
OnMouseUp: Fare nesnemizin üzerine basılıp bırakıldığında çalışır.
OnMouseDown: Fare nesnemizin üzerine basıldığı an çalışır.
Bu olayların hepsi birbiriyle ilişkilidir ve beraber kullanılabilir.
ÖRNEKLER İLE JAVASCRİPT MOUSE OLAYLARI
OnClick | Yazının Üzerine tıklayınca renginin kırmızı olması örneği
Javascript Fare Olayları (Mouse Events)
OnMouseOver | Yazının Üzerine gelince renginin kırmızı olması örneği
Javascript Fare Olayları (Mouse Events)
OnMouseOut | Yazının Üzerinden fareyi çekince renginin yeşil olması örneği
Javascript Fare Olayları (Mouse Events)
OnMouseOut | Yazının üzerinde fare ile gezinirken yazı renginin yeşil olması örneği
Javascript Fare Olayları (Mouse Events)
OnMouseUp | Yazının üzerine basılıp bırakıldığı an yeşil rengini alması örneği
Javascript Fare Olayları (Mouse Events)
OnMouseDown | Yazının üzerine basıldığı an yeşil rengini alması örneği
Javascript Fare Olayları (Mouse Events)
Her fare olayı için birer örnek ile basit bir şekilde javascript fare olaylarını gördük.Yazının başında da söylediğim gibi bu fonksiyonların hepsi birbirleriyle ilişkilidir.Örneğin, fare ile bir nesnenin üzerine geldiğinde bir işlem yapmasını istiyoruz fakat fareyi nesne üzerinden çektiğimizde o işlemin değişmesini istiyorsak onmouseover olayının yanında onmouseout da kullanılabilir.
