رویداد onmousemove
مثال (رویداد onmousemove)
اجرا کردن یک تابع جاوااسکریپت، هنگامی که نشانگر موس بر روی یک <div> حرکت می کند:
<div onmousemove="myFunction()">Move the cursor over me</div>
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onmousemove هنگامی روی می دهد که، نشانگر موس بر روی یک عنصر حرکت کند.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onmousemove | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onmousemove="myScript">امتحان کنید
در جاوااسکریپت:
object.onmousemove=function(){myScript};امتحان کنید
استفاده از متد addEventListener()، در جاوااسکریپت:
object.addEventListener("mousemove", myScript);امتحان کنید
متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | بله |
|---|---|
| Cancelable: | بله |
| Event type: | MouseEvent |
| Supported HTML tags: | تمام عناصر html به جز: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onmousemove)
این مثال تفاوت بین سه دستور onmousemove و onmouseenter و onmouseover را نشان می دهد:
<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>
<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>
خودتان امتحان کنید »
مثال (رویداد onmousemove)
این مثال تفاوت بین سه دستور onmousemove و onmouseleave و onmouseout را نشان می دهد:
<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>
<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>
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5901
