Vanilla JavaScriptとHTMLを使用してドラッグ＆ドロップ要素を作成する方法 | DigitalOcean

はじめに ドラッグ＆ドロップは、多くのGUIで見られる一般的なユーザー操作です。 アプリケーションには、ドラッグ＆ドロップ機能を追加するための既存のJavaScript ライブラリがあります。ただし、ライブラリを使用できない場合や、プロジェクトで必要のないオーバーヘッドや依存関係が発生する場合があります。このような状況において、最新のWebブラウザで利用可能なAPIの知識により、代替ソリューションを提供できます。 HTML のドラッグ＆ドロップ APIは、DOM のイベントモデルに依存して、ドラッグまたはドロップされている内容に関する情報を取得し、ドラッグまたはドロップ時にその要素を更新します。JavaScript イベントハンドラを使用すると、任意の要素をドラッグ可能な項目またはドロップ可能な項目に変換できます。 このチュートリアルでは、Vanilla JavaScriptとHTMLドラ