HTML5に関するooiooiooi0313のブックマーク (1)

  • [HTML5] Drag & Drop API おさらい 「DOM 要素の DnD」 | DevelopersIO

    このイベントの中でとりあえず処理が必要なものは、Drag 対象要素の「 dragstart 」と Drop 対象要素の「 dragover 」「 drop 」となります。 var dragElement = null, items = document.getElementById('list').getElementsByClassName('item'); function dragStartHandler(event) { dragElement = event.target; event.dataTransfer.setData('dragItem', dragElement.innerHTML); } function dragOverHandler(event) { event.preventDefault(); event.dataTransfer.dropEffect =

    [HTML5] Drag & Drop API おさらい 「DOM 要素の DnD」 | DevelopersIO
    ooiooiooi0313
    ooiooiooi0313 2013/11/30
    Drag & Drop API おさらい 「DOM 要素の DnD」 | Developers.IO ここではブラウザ内の DOM 要素を Drag & Drop するケースについて、リスト上のアイテムを Drag & Drop で入れ替え出来ることを想定してまとめます。 Tags: via Pocket Novem
  • 1