HTML5 Drag and Drop API | Articles | web.devドラッグ可能なコンテンツを作成する ほとんどのブラウザでは、テキストの選択範囲、画像、リンクはデフォルトでドラッグ可能です。たとえば、ウェブページ上のリンクをドラッグすると、タイトルと URL を含む小さなボックスが表示されます。このボックスをアドレスバーまたはデスクトップにドロップすると、ショートカットを作成したり、リンクに移動したりできます。他の種類のコンテンツをドラッグ可能にするには、HTML5 ドラッグ＆ドロップ API を使用する必要があります。 オブジェクトをドラッグ可能にするには、その要素に draggable=true を設定します。画像、ファイル、リンク、ファイル、ページ上のマークアップなど、ほとんどのものをドラッグできます。 次の例では、CSS グリッドでレイアウトされた列を並べ替えるインターフェースを作成します。列の基本的なマークアップは次のようになります。各列の d
