خاصیت draggable در HTML

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

مثال

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

تست آنلاین کد

تعریف و کاربرد

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

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

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

پشتیبانی مرورگر ها

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

نحوه استفاده

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

مقادیر خاصیت (attribute)