این آموزش در تاریخ ۱۳۹۸/۰۱/۰۲ آپدیت شده است.
آموزش صفت عمومی draggable در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی draggable در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت عمومی draggable در HTML
صفت draggable صفتی است که ما با استفاده از آن میتوانیم مشخص و یا تعریف نماییم که آیا یک عنصر قابلیت جابه جایی و یا به اصطلاح Drag and Drop داشته باشه یا خیر.
لطفا این متن رو با ماوس بگیرید و بندازید داخل باکس پایین
Free-Learn
مثال از صفت draggable در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 |
<body> <p id="drag1" draggable="true" ondragstart="drag(event)"> لطفا این متن رو با ماوس بگیرید و بندازید داخل باکس پایین </p> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت draggable در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | ۴٫۰ | ۳٫۵ | ۱۲٫۰ | ۶٫۰ | ۹٫۰ |
Free-Learn
روش استفاده
روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.
|
1 |
<element draggable="true|false|auto"> |
Free-Learn
جدول مقادیر صفت draggable
در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| true | قابلیت جابه جایی یک عنصر را فعال میکند |
| false | قابلیت جابه جایی یک عنصر را غیرفعال میکند |
| auto | قابلیت جابه جایی بصورت پیش فرض توسط مرورگر مشخص میشود |
Free-Learn
نکات و توضیحات
صفت draggable یک صفت جدید است که در HTML5 اضافه شده است.
