Örnek
Bir resmin dışına fareyi hareket ettirirken JavaScript yürütün:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
fare işaretçisi bir elemanın üzerinden taşındığında OnMouseLeave olayı oluşur.
Öneri: Bu etkinlik genellikle ile birlikte kullanılır OnMouseEnter fare işaretçisi bir eleman üzerine taşınır ortaya çıkan olayın.
İpucu: OnMouseLeave olay benzer onmouseout olay. Tek fark OnMouseLeave etkinlik balonunu değil yapmasıdır (does not propagate up the document hierarchy) . Bkz "More Examples" daha iyi farklılıkları anlamak için bu sayfanın alt kısmında.
Tarayıcı Desteği
Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.
Olay | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Evet | 6.1 | 11.5 |
Sözdizimi
HTML'de:
JavaScript:
object .onmouseleave=function(){ Kendin dene "
JavaScript olarak, kullanılarak addEventListener() metodu:
object .addEventListener("mouseleave", myScript );
Kendin dene " Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.
Teknik detaylar
Kabarcıklar: | Yok hayır |
---|---|
iptal Edilebilir: | Yok hayır |
Etkinlik tipi: | MouseEvent |
Desteklenen HTML etiketleri: | <Baz>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param> <script> <style> ve: DIŞINDA Tüm HTML öğeleri, <title> |
DOM Versiyon: | Seviye 2 Olaylar |
Diğer Örnekler
Örnek
Bu örnek onmousemove, OnMouseLeave arasında ve olaylar onmouseout 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>
Kendin dene " <Olay Nesne