خاصیت draggable در HTML

14.0

نوشته شده توسط متین برونسی

منتشر شده در 5 اکتبر 2021

و آخرین بروزرسانی در 15 ژانویه 2022

دسته بندی ها:

خاصیت draggable در HTML مشخص می کند که یک عنصر قابل کشیدن هست یا خیر.

<p id="drag1" draggable="true" ondragstart="drag(event)">این متنی را که میخوانید بکشید ! و روی کادر مشخص شده رها کنید.</p>

همانطور که در مثال بالا اشاره شد از خاصیت draggable در HTML برای فعال سازی قابلیت کشیدن محتوای عناصر استفاده میکنیم.

اگر مثال بالا را تست و بررسی کرده باشید متوجه شدید که با کشیدن متن مشخص شده روی کادری که قرار داشت ، آن متن درون کادر قرار گرفت.

نکته: لینک ها و تصاویر بطور پیش فرض قابل کشیدن هستند.

اعداد موجود در جدول اولین نسخه مرورگر را که این ویژگی را کاملاً پشتیبانی می کند مشخص می کند.

خاصیت
draggable	4.0	9.0	3.5	6.0	12.0

<element draggable="true|false|auto">

مقدار	توضیحات
true	مشخص می کند که عنصر قابل کشیدن است
false	مشخص می کند که عنصر قابل کشیدن نیست
auto	از حالت پیش فرض مرورگر استفاده می کند

5/5 - (4 امتیاز)