Örnek
Bir görüntü üzerine fareyi hareket ettirirken JavaScript yürütün:
<img onmouseenter="bigImg(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 üzerine hareket ettiği zaman OnMouseEnter olayı oluşur.
Öneri: Bu etkinlik genellikle ile birlikte kullanılır OnMouseLeave fare işaretçisi bir elemanın üzerinden taşındığında olan olay.
İpucu: OnMouseEnter olay benzer onmouseover olayı. Tek fark OnMouseEnter 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 | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Evet | 6.1 | 11.5 |
Sözdizimi
HTML'de:
JavaScript:
object .onmouseenter=function(){ Kendin dene "
JavaScript olarak, kullanılarak addEventListener() metodu:
object .addEventListener("mouseenter", 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, 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>
Kendin dene " <Olay Nesne