توصیه‌های درسی:
رویداد onmouseout
تعریف و استفاده
وقتی که موس به بیرون از عنصر یا یکی از فرزندان آن حرکت می‌کند، رویداد onmouseout رخ می‌دهد.نکته: رویداد onmouseoverاین رویداد معمولاً با
یکجا استفاده می‌شود، وقتی که موس به یک عنصر یا یکی از فرزندان آن حرکت می‌کند، این رویداد رخ می‌دهد.
مثال
مثال 1
وقتی که موس به بیرون از تصویر حرکت می‌کند، کد جاوااسکریپت اجرا می‌شود:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
مثال 2
این مثال تفاوت‌های بین رویدادهای onmousemove، onmouseleave و onmouseout را نشان می‌دهد: <div onmousemove="myMoveFunction()"> <p id="demo3">من به نمایش گذاشتن onmouseout خواهم داد!</p> <p id="demo">من به نمایش گذاشتن onmousemove خواهم داد!</p> <div onmouseleave="myLeaveFunction()"> <p id="demo3">من به نمایش گذاشتن onmouseout خواهم داد!</p> <p id="demo2">من به نمایش گذاشتن onmouseleave خواهم داد!</p> <div onmouseout="myOutFunction()"> <p id="demo3">من به نمایش گذاشتن onmouseout خواهم داد!</p>
</div>
شرح نحوی
در HTML:< elementmyScriptonmouseout="
">
در جاوااسکریپت، از روش addEventListener() استفاده کنید:در جاوااسکریپت:myScript.onmouseout = function(){
};
در جاوااسکریپت، از روش addEventListener() استفاده کنید:.addEventListener("mouseout", myScript);
نکته:اینترنت اکسپلورر 8 یا نسخه‌های قدیمی‌تر آن از آن پشتیبانی نمی‌کند مетод addEventListener().
جزئیات فنی
| بخش‌بندی: | پشتیبانی |
|---|---|
| قابل لغو: | پشتیبانی |
| نوع رویداد: | MouseEvent |
| برچسب‌های HTML پشتیبانی شده: | تمام عناصر HTML، به استثنای：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title> |
| نسخه DOM: | رویدادهای سطح 2 |
پشتیبانی مرورگر
| رویداد | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onmouseout | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
