آموزش رویداد عمومی OnMouseUp در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnMouseUp در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onmouseup در HTML
رویداد onmouseup
زمانی رخ میدهد که کلیک فشرده شده ی ماوس از روی عنصر رها شود ، همانطور که میدانید ما یک رویداد داریم به اسم <onmousedown> برای لحظه ی فشرده شدن یک عنصر توسط ماوس و رویداد onmouseup
برای لحظه ی رها شدن ماوس از روی عنصر.
Free-Learn
مثال از رویداد عمومی onmouseup در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
در این مثال هم از رویداد OnMouseDown و هم OnMouseUp استفاده شده است
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <p dir="rtl" id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> لطفا روی من کلیک کن و کلیک رو نگه دار بعدش رها کن </p> <script> function mouseDown() { document.getElementById("p1").style.color = "#fff"; document.getElementById("p1").style.background = "#2196F3"; } function mouseUp() { document.getElementById("p1").style.color = "#fff"; document.getElementById("p1").style.background = "#F44336"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onmouseup
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
1 |
<element onmouseup="script"> |
Free-Learn
جدول مقادیر رویداد onmouseup
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onmouseup
را میتوان در تمامی عناصر/تگ های HTML بکار برد.
ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
<base> | <bdo> | <br> | <head> |
<html> | <iframe> | <meta> | <param> |
<script> | <style> | <title> | – |