مثال (رویداد onmouseout)
اجرا کردن یک تابع جاوااسکریپت هنگامی که نشانگر موس از روی یک عکس خارج می شود:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onmouseout، هنگامی اتفاق می افتد که نشانگر موس، از روی یک عنصر یا فرزندان آن، خارج شود.
نکته: از این رویداد اغلب در کنار رویداد onmouseover استفاده می شود. رویداد onmouseover هنگامی اتفاق می افتد که، نشانگر موس بر روی یک عنصر یا فرزند آن وارد شود.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onmouseout | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onmouseout="myScript">امتحان کنید
در جاوااسکریپت:
object.onmouseout=function(){myScript};امتحان کنید
استفاده از متد addEventListener() در جاوااسکریپت:
object.addEventListener("mouseout", 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 |
مثال - خودتان امتحان کنید
مثال (رویداد onmouseout)
این مثال تفاوت بین سه رویداد 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
