HTML5 Drag and Drop API についてのまとめ 〜その１ 概要〜 - COBALTUIとして 例えばどこかのサイトでメモしておきたい画像があったとして、 それを自分のオンラインストレージに保持したいというシーンがあったとする。 これまでは対象の画像を右クリックして画像のURLをコピー。 そしてアプリ上に入力フォームを表示する操作の後、先程のURLを入力して決定ボタンを押す。 といった操作によって対象の画像をメモするフローが多数を占めているかと思う。 この操作は大きく見ると大体６ステップのユーザ操作が必要となる。 もしこの操作を Drag and Drop により実装すると、対象画像を指定領域にドロップする。 以上の操作で行うことが出来る。 という事で効果的なUIのためにも、新しいアプリの可能性のためにも、Drag and Drop API は素敵。 ＜ みんな知ってる 実装 まずはdrop領域に対して以下のイベントを付与する。 drop dragover dropを実現
