En son web geliştirme öğreticiler
 

OnMouseEnter Olay

<Olay Nesne

Ö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

Örnekler

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