onmouseenter olayı

DOM olayları MouseEvent

Tanım ve Kullanım

farekete tıklama olayı, fare işaretçisi elemente taşındığında gerçekleşir.

İpucu：Bu olay genellikle onmouseleave olayıbirlikte kullanıldığında, fare işaretçisinin elemanın dışına taşındığında bu olay tetiklenir.

İpucu： onmouseenter olayı benzerdir onmouseover olayıTek fark, onmouseenter olayının balonlaşmadığıdır (üst düzey belge hiyerarşisine yayılmaz). Daha fazla örnek için sayfa altına bakın.

Örnek

Örnek 1

Fare işaretçisini resme taşırdığınızda JavaScript çalıştırılır：

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Kişisel olarak deneyin

Örnek 2

Bu örnek, onmousemove, onmouseenter ve mouseover olayları arasındaki farkları 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>

Kişisel olarak deneyin

Gramer

HTML'de：

<element onmouseenter="myScript">

Kişisel olarak deneyin

JavaScript'te：

nesne.onmouseenter = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() metodu kullanarak：

nesne.addEventListener("mouseenter", myScript);

Kişisel olarak deneyin

Açıklama：Internet Explorer 8 veya daha eski sürümler desteklemez addEventListener() metodu。

Teknik ayrıntılar

Balonlaşma： Desteklenmez
İptal edilebilir： Desteklenmez
Olay türleri： MouseEvent
Desteklenen HTML etiketleri： Tüm HTML elemanları, aşağıdaki elemanlar dışında：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ve <title>
DOM sürümü： Level 2 Olaylar

Tarayıcı destekler

Tablodaki numaralar, bu olayı tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Olaylar Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Destek 6.1 11.5
DOM olayları MouseEvent