این آموزش در تاریخ ۱۴۰۰/۰۹/۰۹ آپدیت شده است.
آموزش رویداد عمومی OnMouseOut در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnMouseOut در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onmouseout در HTML
رویداد onmouseout
زمانی رخ میدهد که ماوس از روی یک عنصر خارج شود، یعنی در واقع لحظه ایی که ماوس از روی یک عنصر اوت شود این رویداد رخ میدهد.
Free-Learn
مثال از رویداد عمومی onmouseout در HTML
مثال شماره ۱ : استفاده از رویداد OnMouseDown و هم OnMouseUp
1 |
<button onmousedown="mouseDown();" onmouseup="mouseUp();">روی من کلیک کن و نگه دار</button> |
مثال شماره ۲ : استفاده از رویداد OnMouseMove و هم OnMouseOut
1 2 3 |
<div class="MyBox" onmouseover="mouseOver();" onmouseout="mouseOut();"> ماوس رو بیار روی این باکس </div> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onmouseout
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | ۱۲ | بله | ۱۲ |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
1 |
<element onmouseout="Script"> |
Free-Learn
جدول مقادیر رویداد onmouseout
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onmouseout
را میتوان در تمامی عناصر/تگ های HTML بکار برد، ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
<base> | <bdo> | <br> | <head> |
<html> | <iframe> | <meta> | <param> |
<script> | <style> | <title> | – |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.