خاصیت draggable در HTML

خاصیت 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 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر

بله

#نهج_البلاغه_بخوانیم

روش بر طرف كردن نيازهاى مردم

و درود خدا بر او، فرمود: بر آوردن نيازهاى مردم پايدار نيست مگر به سه چيز، كوچك شمردن آن تا خود بزرگ نمايد، پنهان داشتن آن تا خود آشكار شود، و شتاب در بر آوردن آن، تا گوارا باشد.

حکمت 101 نهج البلاغه