این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی 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
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.