این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnDragLeave در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnDragLeave در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnDragLeave در HTML
رویداد ondragleave زمانی رخ میدهد که یک عنصر از محدوده ای که قرار است در آن رها شود خارج شود.
به ترتیب با استفاده از رویدادهای OnDragEnter و OnDragLeave میتوان وارد شدن و خارج شدن یک عنصر را از یک محدوده (محدوده ای که قرار است در آن رها شود) مشخص کرد.
Free-Learn
مثال از رویداد عمومی OnDragLeave در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 |
<div class="droptarget" ondrop="drop(event)" ondragenter="dragEnter(event)" ondragleave="dragLeave(event)" ondragover="allowDrop(event)"> <p ondragstart="dragStart(event)" draggable="true" id="dragtarget">منو با ماوس بگیر</p> </div> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد ondragleave در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element ondragleave="Script"> |
Free-Learn
جدول مقادیر رویداد OnDragLeave
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد ondragleave را میتوان در تمامی عناصر/تگ های معتبر HTML بکار برد.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
