
خاصیت 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 | از حالت پیش فرض مرورگر استفاده می کند |
آیا این مطلب برای شما مفید بود ؟
روش بر طرف كردن نيازهاى مردم
و درود خدا بر او، فرمود: بر آوردن نيازهاى مردم پايدار نيست مگر به سه چيز، كوچك شمردن آن تا خود بزرگ نمايد، پنهان داشتن آن تا خود آشكار شود، و شتاب در بر آوردن آن، تا گوارا باشد.
حکمت 101 نهج البلاغه