onmouseenter Etkinliği
Örnek
Fare işaretçisini bir görüntünün üzerine taşırken bir JavaScript yürütün:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
onmouseenter olayı, fare işaretçisi bir öğenin üzerine getirildiğinde meydana gelir.
İpucu: Bu olay genellikle fare işaretçisi bir öğenin dışına taşındığında meydana gelen onmouseleave olayıyla birlikte kullanılır .
İpucu: onmouseenter olayı, onmouseover olayına benzer. Tek fark, onmouseenter olayının baloncuk oluşturmamasıdır (belge hiyerarşisini yükseltmez). Farkları daha iyi anlamak için bu sayfanın altındaki "Daha Fazla Örnek"e bakın.
Tarayıcı Desteği
Tablodaki sayılar, olayı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sözdizimi
HTML'de:
<element onmouseenter="myScript">
JavaScript'te:
object.onmouseenter = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("mouseenter", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Numara |
---|---|
İptal edilebilir: | Numara |
Etkinlik tipi: | FareEtkinliği |
Desteklenen HTML etiketleri: | Tüm HTML öğeleri, HARİÇ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ve <title> |
DOM Sürümü: | 2. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Bu örnek, onmousemove, onmouseenter ve mouseover olayları arasındaki farkı gösterir:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>