タグ

ブックマーク / qiita.com/naoki-funawatari (1)

  • 【HTML】ドラッグ&ドロップについて復習する【標準API】 - Qiita

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

    【HTML】ドラッグ&ドロップについて復習する【標準API】 - Qiita
    qwert00
    qwert00 2022/05/09
  • 1