We may earn an affiliate commission when you visit our partners.

Drag and Drop

Save
May 1, 2024 Updated May 9, 2025 18 minute read

Drag and drop is a widely recognized user interface (UI) interaction where a user selects an object on a screen, "grabs" it with a pointing device (like a mouse or a finger on a touchscreen), and moves it to a different location or onto another virtual object. This intuitive action allows for a variety of operations, such as moving files, rearranging items in a list, or initiating specific commands, all without needing to type complex instructions or navigate through multiple menus. It's a fundamental component of modern computing, making digital interactions feel more direct and tangible.

Working with drag and drop functionality can be an engaging experience for those interested in how users interact with technology. It offers a unique blend of visual design and programming logic. The ability to create interfaces that allow users to directly manipulate digital elements can be highly satisfying. Furthermore, the challenge of making these interactions seamless, efficient, and accessible across various devices and for all users provides a continuous learning opportunity. The ongoing evolution of drag and drop, particularly with its integration into newer technologies like augmented and virtual reality, also presents exciting frontiers for innovation.

Historical Development of Drag and Drop

The journey of drag and drop is deeply intertwined with the evolution of graphical user interfaces (GUIs). Understanding this history provides valuable context for its current applications and future potential.

Early Experiments in Graphical User Interfaces (GUIs)

The conceptual seeds of drag and drop were sown in the early days of GUIs. Visionary work at places like the Stanford Research Institute, with systems like the oN-Line System (NLS) demonstrated in 1968 by Douglas Engelbart, introduced foundational concepts like the mouse and direct manipulation of on-screen elements, paving the way for future interface innovations. These early systems explored how users could interact with computers in a more visual and intuitive manner, moving away from purely text-based command-line interfaces.

Path to Drag and Drop

Take the first step.
We've curated nine courses to help you on your path to Drag and Drop. Use these to develop your skills, build background knowledge, and put what you learn to practice.
Sorted from most relevant to least relevant:

Share

Help others find this page about Drag and Drop: by sharing it with your friends and followers:

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Drag and Drop.
A practical guide to interaction design patterns, including a section on drag-and-drop interaction. Provides real-world examples and best practices for designing effective drag-and-drop interfaces.
A technical guide to implementing drag-and-drop functionality in web applications using HTML, CSS, and JavaScript.
Table of Contents
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser