آموزش Drag and Drop در HTML5

  • بوسیله: محسن شفیعی
  • در 1391/11/04 - 10:54
  • نظرات (6)
آموزش Drag and Drop در HTML5

آموزش Drag and Drop در HTML5(عکس را زیاد جدی نگیرید)

قبل به وجود آمدن HTML5 ما برای استفاده از ویژگی Drag and Drop حتما لازم بود از کتابخانه هایی مثل jQuery یا MooTools استفاده کنیم. حالا با استفاده از HTML5 ما میتوانیم ویژگی های Drag and Drop را پیاده سازی کنیم.

برای اینکه به یک عنصر این قابلیت را اضافه کنیم باید ویژگی draggable=true را به آن بدهیم. این ویژگی API های دیگری هم دارد که عبارتند از dragstart, drag, dragend, dragenter, dragleave, dragover و drop که از اینها هم میتوانیم استفاده کنیم.

خب APIهایی که در بالا نوشتیم نیاز به توضیح ندارد. حالا میرویم که یک عنصر قابل درگ کردن درست کنیم.

(بیشتر…)