En son web geliştirme öğreticiler
 

OnMouseLeave Olay

<Olay Nesne

Ö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

Örnekler

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