
...
خاصیت 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 | از حالت پیش فرض مرورگر استفاده می کند |
نقش سخن در شناخت انسان (رفتار شناسى)
و درود خدا بر او، فرمود: انسان زير زبان خود پنهان است.(1)
1. مولوی: آدمی مخفی است در زیر زبان *** این زبان پرده است بر درگاه جان
سعدی: تا مرد سخن نگفته باشد *** علم و هنرش نهفته باشد. (( گلستان ))
حکمت 148 نهج البلاغه