jquery.event.drop / Demos

• Basic
  One of the simplest ways to create a drop interaction, with the "drop" method.
• Active
  Using the "dropstart" and "dropend" events to toggle an "active" drop state.
• Available
  Using the "available" property to activate drop targets during the drag interaction.
• Dragover
  Using the "drop" property to detect active targets during the drag interaction.
• Proxy
  Using a drag "proxy" element with drop interaction.
• Live
  Using "live" event delegation with "drop" events.
• Overlap
  Using the "overlap" tolerance mode to select drop targets.
• Intersect
  Using the "intersect" tolerance mode to select drop targets.
• Middle
  Using the "middle" tolerance mode to select drop targets.
• Fit
  Using the "fit" tolerance mode to select drop targets.
• Mouse
  Using the fallback "mouse" tolerance mode to select drop targets.
• Tolerance
  Using "dropManage" to create a custom circular tolerance mode.
• Prevent
  Using the "draginit" event to cancel drop interaction.
• Multi
  Using "dropManage" to allow multiple drop targets per drag interaction.
• Multi2
  Using multiple drag elements and multiple drop targets, at the same time.
• Affordance
  Using the drag element's "drop" option, to create drop target affordance.
• Selection
  Using a drag proxy and multi drop to creating a dragged area selection.
• Reorder
  Using drag and drop events and a custom tolerance to rearrange items in a list.
• Moving
  Using the callback object "update" method to track moving drop targets.