حدث onmousemove

مثل DOM Events مثل MouseEvent

التعريف والاستخدام

يحدث حدث onmousemove عندما يتم تحريك مؤشر الفأرة فوق العنصر.

مثال

مثال 1

عندما يتم تحريك مؤشر الفأرة فوق <div> يتم تنفيذ JavaScript:

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

جربها بنفسك

مثال 2

هذا المثال يوضح الفرق بين أحداث onmousemove، onmouseenter و mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">سأظهر ذلك في onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">سأظهر ذلك في onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">سأظهر ذلك في onmouseover!</p>
</div>

جربها بنفسك

مثال 3

هذا المثال يوضح الفرق بين أحداث onmousemove، onmouseleave و onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">سأظهر ذلك في onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">سأظهر ذلك في onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">سأظهر ذلك في onmouseout!</p>
</div>

جربها بنفسك

النحو

في HTML:

<element onmousemove="myScript">

جربها بنفسك

في JavaScript:

object.onmousemove = function(){myScript};

جربها بنفسك

في JavaScript، استخدم طريقة addEventListener()

object.addEventListener("mousemove", myScript);

جربها بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث لا يدعمها طريقة addEventListener().

تفاصيل التقنية

الانفجار: مثل الدعم
يمكن إلغاء الطلب: مثل الدعم
نوع الحدث: مثل MouseEvent
العلامات HTML المدعومة: جميع عناصر HTML، باستثناء：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title>
مثل إصدار DOM: مثل Level 2 Events

مثل دعم المتصفح

مثل الحدث مثل Chrome مثل IE مثل Firefox مثل Safari مثل Opera
مثل onmousemove مثل الدعم مثل الدعم مثل الدعم مثل الدعم مثل الدعم
مثل DOM Events مثل MouseEvent