ROCHAS

HTML5 Drag and dropを実装してみよう

HTML5のDrag and dropには7つもイベントがあってさぞや大忙し! なのかと思いきや、実装に必須なのは3つのイベントだけ。ブラウザ上でDrag and dropができるデモをつくってみました。 ドラッグ要素が複数でも大丈夫なように配列にしたり、好きな場所にドロップできるようにイベントの発生場所を取得しています。

Demo | HTML5 Drag and drop