رویداد onmousemove

رویدادهای DOM MouseEvent

تعریف و استفاده

رویداد onmousemove وقتی که موس روی عنصر حرکت می‌کند، رخ می‌دهد.

مثال

مثال 1

وقتی موس را روی عناصر <div> حرکت می‌دهید، جاوااسکریپت اجرا می‌شود:

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

آزمایش کنید

مثال 2

این مثال تفاوت بین رویدادهای onmousemove، onmouseenter و onmouseover را نشان می‌دهد:

<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: رویدادهای سطح 2

پشتیبانی مرورگر

رویدادها Chrome IE Firefox Safari Opera
onmousemove پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی
رویدادهای DOM MouseEvent