Javascript Fare Olayları (Mouse Events)  Javascript Fare Olayları (Mouse Events) | Googleda Görüntüle

Javascript Fare Olayları (Mouse Events)
 BEĞEN
  YORUM YAP

WallpaperPlay | Ücretsiz HD Masaüstü ve Mobil Wallpaper Duvar Kağıdı

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.

Etiketler

Yorumlar

Yorum Yap

CSS3 -webkit / -moz / -o Nedir ? CSS3 ve Tarayıcı İlişkisi

Belki daha önce karşılaşmız olabilirsiniz.Bazı CSS3 kodları birkaç defa aynı yazılıp baş...

  905   2 ay önce

CSS3 Geçiş Efektleri - Transition Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar, çoğu sitelerde gördüğümüz daha yumuşak ve animasyonlu şekilde geçiş ...

  584   2 ay önce

3. İndir.com Mobil Uygulama Yarışması ABD'ye Götürüyor

İNDİR.COM MOBİL UYGULAMA YARIŞMASI ABD’ YE GÖTÜRÜYOR Geçtiğimiz ik...

  971   1 yıl önce

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini...

  3424   1 yıl önce

isimsizler 3 gün önce demiş ki;


Sayın NEJDET ACAR, veri tabanı bağlantısınıda unutuyorsanız bırakın bu işleri kardes
Yoruma Git

ömer güzelyurt 1 ay önce demiş ki;


çok teşekkür ederim işime yaradı sağolsan :)
Yoruma Git

Mesut Hocaoglu 2 ay önce demiş ki;


İnternet ortamında " bu işin piriyim " diye geçinenlere nazaran kısa ve açıklayıcı anlatım...
Yoruma Git

Kutay Erten 2 ay önce demiş ki;


Kardeşim seni tebrik ediyorum bu kadar kısa bir kodu uzun uzun anlatmışşın , renk geçişleri...
Yoruma Git