onmouseout olayı

DOM Olayları MouseEvent

Tanım ve Kullanım

Fare işaretçisi bir elementin veya bu elementin bir alt elementinin dışına taşındığında onmouseout olayı gerçekleşir.

İpucu:Bu olay genellikle onmouseover olayıBirlikte kullanılır, işaretçi bir elemente veya bu elementin bir alt elementine geldiğinde bu olay gerçekleşir.

Örnek

Örnek 1

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

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Gülümseme">

Kişisel olarak deneyin

Örnek 2

Bu örnek, onmousemove, onmouseleave ve onmouseout olayları arasındaki farkları gösterir:

<div onmousemove="myMoveFunction()">
  <p id="demo">onmousemove olayını gösteririm!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">onmouseleave olayını gösteririm!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">onmouseout olayını gösteririm!</p>
</div>

Kişisel olarak deneyin

Sözdizimi

HTML'de:

<element onmouseout="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onmouseout = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() yöntemini kullanarak:

nesne.addEventListener("mouseout", myScript);

Kişisel olarak deneyin

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

Teknik ayrıntılar

Bulut: Destek
İptal edilebilir: Destek
Olay türleri: MouseEvent
Desteklenen HTML etiketleri: Tüm HTML öğeleri, aşağıdaki öğeler 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
onmouseout Destek Destek Destek Destek Destek
DOM Olayları MouseEvent