【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (7) ドラッグ&ドロップAPI | エンタープライズ | マイコミジャーナル

HTML 5では、ドラッグ&ドロップを直接サポートするためのAPIが整備された。以前はmousedown、mousemove、mouseupを利用してドラッグ&ドロップを実現していたが、ブラウザによるネイティブサポートが実現した事で、他のアプリケーションともデータをやり取りできるようになり、コーディングも簡略化された。 HTML 5でドラッグ&ドロップを実現するための最小限の手順は以下の通りだ。 ドラッグ対象となる要素に「draggable="true"」という属性値をセットする。これにより、対象の要素がドラッグ可能となる。ちなみに、img要素やa要素(hrefの指定が必要)はデフォルトでドラッグ可能である ドラッグ&ドロップ関連のイベントを処理するようコードを記述する。以下のようなイベントが存在する イベント名イベントの通知先説明 dragstartドラッグ対象の要素ドラッグが開始さ

[asian-leader]

顔写真のドラッグ＆ドロップ　HTML5 api

[nokoribi]

-webkit-user-drag

[tksmd]

HTML5 各種新しいタグ