onmouseover olayı

DOM Olayları MouseEvent

Tanım ve kullanım

onmouseover olayı, fare işaretçisinin element veya alt elemanlarına taşındığında gerçekleşir.

İpucu:Bu olay genellikle onmouseout olayıBirlikte kullanıldığında, kullanıcı fare işaretçisini elemanın dışına taşıdığında bu olay gerçekleşir.

Örnek

Örnek 1

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

<img onmouseover="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

Sözdizimi

HTML'de:

<element onmouseover="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onmouseover = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() yöntemini kullanarak:

nesne.addEventListener("mouseover", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() yöntemi.

Teknik ayrıntılar

Bulutlaşma: Destek
İptal edilebilir: Destek
Olay türleri: MouseEvent
Desteklenen HTML etiketleri: Tüm HTML elemanları, aşağıdaki dışında: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ve <title>
DOM Sürümü: 2. Seviye Olaylar

Tarayıcı Desteği

Olaylar Chrome IE Firefox Safari Opera
onmouseover Destek Destek Destek Destek Destek
DOM Olayları MouseEvent