این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnDragEnter در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnDragEnter در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnDragEnter در HTML
رویداد ondragenter زمانی رخ میدهد که اون عنصر در حال کشیده شدن، وارد محدوده (محدوده ای که قرار است در آن رها شود) شود.
رویداد OnDragEnter معمولا بهمراه رویداد OnDragLeave برای مشخص کردن ، وارد شدن و خارج شدن عنصر در محدوده ی رها شدن مورد استفاده قرار میگیرد.
Free-Learn
مثال از رویداد عمومی OnDragEnter در 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
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد ondragenter در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element ondragenter="Script"> |
Free-Learn
جدول مقادیر رویداد OnDragEnter
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد ondragenter را میتوان در تمامی عناصر/تگ های معتبر HTML بکار برد.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
