این آموزش در تاریخ ۱۴۰۰/۰۹/۰۹ آپدیت شده است.
آموزش رویداد عمومی OnMouseDown در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnMouseDown در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onmousedown در HTML
رویداد onmousedown همونطور که از اسمش هم مشخصه زمانی اجرا میشه که یکی از کلیک های ماوس فشار داده شود، ینی در واقع تا زمانی که کلیک فشار داده شده و نگه داشته شده باشد این رویداد عمل میکنه.
برای مثال لطفا بروی دکمه زیر کلیک نمایید و کلیک را نگه دارید و نتیجه را خودتان ببینید :
Free-Learn
مثال از رویداد عمومی onmousedown در 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
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onmousedown در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | ۱۲ | بله | ۱۲ |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onmousedown="Script"> |
Free-Learn
جدول مقادیر رویداد onmousedown
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onmousedown را میتوان در تمامی عناصر/تگ های HTML بکار برد، ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
| <base> | <bdo> | <br> | <head> |
| <html> | <iframe> | <meta> | <param> |
| <script> | <style> | <title> | – |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
