Javascript onmouseover ve onmouseout kullanımı

Javascript onmouseover ve onmouseout kullanımı, mouse ile bir nesnenin veya html elemanın üzerine gelme veya gitme olayını dinlemektedir. Bu özellikler ile bir nesnenin üzerine gelince veya gidince bir javascript kodu veya fonksiyonu çalıştırabilmekteyiz.

Kullanımı : onmouseover="" ve onmouseout=""

onmouseover özelliği nesnenin üzerine gelme onmouseout özelliği ise nesnenin üzerinden gitme durumunu dinlemektedir.

<p onmouseover="alert('üzerinde gelindi')">Üzerine gel</p>
<p onmouseout="alert('üzerinden gidildi')">Üzerine gel ve sonra git</p>

Yukarıda iki ayrı html elemanı üzerinde mouse ile üzerinde gelme ve gitme olayını gözlemledik bu özelleri istersek tek bir html elemanı üzerinde de kullanabilmekteyiz.

<p onmouseover="console.log('Üzerinde gelindi')" onmouseout="console.log('Üzerinde gidildi')">Bu bir Paragraftır</p>

Yukarıdaki kullanımda ise html elemanının üzerinde her gelindiğinde veya gidildiğince console çıktı verecektir.

Javascript onmouseover ve onmouseout kullanımı

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol