onmousemove Olayı

DOM Olayları MouseEvent

Tanım ve Kullanım

onmousemove olayı işaretçi element üzerinde hareket ettiğinde gerçekleşir.

Örnek

Örnek 1

Fareti işaretçisini <div> elementi üzerine götürdüğünüzde JavaScript çalıştırılır:

<div onmousemove="myFunction()">Move the cursor over me</div>

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

Örnek 3

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

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">I will demonstrate onmouseout!</p>
</div>

Kişisel olarak deneyin

Gramer

HTML'de:

<element onmousemove="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onmousemove = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() yöntemini kullanarak:

nesne.addEventListener("mousemove", myScript);

Kişisel olarak deneyin

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

Teknik ayrıntılar

Balonlama: Destek
İptal edilebilir: Destek
Olay türleri: MouseEvent
Desteklenen HTML etiketleri: Tüm HTML elementleri, aşağıdakiler 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
onmousemove Destek Destek Destek Destek Destek
DOM Olayları MouseEvent