آموزش رویداد عمومی OnMouseOver در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnMouseOver در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onmouseover در HTML
رویداد onmouseover
زمانی رخ میدهد که ماوس بروی یک عنصر قرار بگیرد.
Free-Learn
مثال از رویداد عمومی onmouseover در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
در این مثال هم از رویداد OnMouseOver و هم OnMouseOut استفاده شده است.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<body> <p id="x" onmouseover="bgred();" onmouseout="bgblue();">ماوس رو بیار رو من</p> <script> function bgred() { x = document.getElementById("x"); x.style.color ="white"; x.style.background ="red"; } function bgblue() { x = document.getElementById("x"); x.style.color ="white"; x.style.background ="blue"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onmouseover
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
1 |
<element onmouseover="script"> |
Free-Learn
جدول مقادیر رویداد onmouseover
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onmouseover
را میتوان در تمامی عناصر/تگ های HTML بکار برد.
ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
<base> | <bdo> | <br> | <head> |
<html> | <iframe> | <meta> | <param> |
<script> | <style> | <title> | – |