HTML ドラッグ&ドロップ API とは? HTML ドラッグ & ドロップインターフェイスにより、アプリケーションはブラウザーでドラッグ&ドロップ機能を使用することができます。ユーザーはマウスでドラッグ可能な要素を選択し、その要素をドロップ可能な要素へドラッグし、マウスボタンを離すことでドロップすることができます。ドラッグ操作の間、ドラッグ可能な要素の半透明の表示がマウスポインターに続きます。 引用:HTML ドラッグ&ドロップ API - Web API _ MDN 実装してみる まずはプレーンなHTMLとcssのみで実装してみる。 JavaScriptによる実装は何も無いので、この状態ではまだ要素をドラッグできるだけである。 See the Pen lesson1 by naoki-funawatari (@naoki-funawatari) on CodePen. ドラッグされる