Drag and Drop

  • Mark J. Collins


The ability to select an element and drag it to another location is an excellent example of a natural user experience. I can still remember the early Apple computers where you could delete a file by dragging it onto a trash can icon. This action, and hundreds more like it, is a key component of user experiences found on desktop applications. Web applications, however, have lagged far behind in this arena. With the drag-and-drop (DnD) API in HTML5, you’ll find web applications rapidly catching up.


Target Element Mouse Button Source Element Event Handler Move Cursor 

Copyright information

© Mark J. Collins 2015

Authors and Affiliations

  • Mark J. Collins
    • 1
  1. 1.VAUS

Personalised recommendations