onmouseleave Etkinliği
Örnek
Fare işaretçisini bir görüntünün dışına taşırken bir JavaScript yürütün:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Onmouseleave olayı, fare işaretçisi bir öğenin dışına taşındığında meydana gelir.
İpucu: Bu olay genellikle fare işaretçisi bir öğenin üzerine getirildiğinde meydana gelen onmouseenter olayıyla birlikte kullanılır .
İpucu: onmouseleave olayı, onmouseout olayına benzer. Tek fark, onmouseleave olayının balonlanmamasıdır (belge hiyerarşisini yaymaz). 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 | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sözdizimi
HTML'de:
<element onmouseleave="myScript">
JavaScript'te:
object.onmouseleave = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("mouseleave", 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, onmouseleave ve onmouseout olayları arasındaki farkı gösterir:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>