naosimのブックマーク - はてなブックマーク

ドラッグ＆ドロップ　サンプル
好きな果物は何ですか？下のボックスに入れてください。
naosim 2012/01/24
JavaScript
リンク
ドラッグ＆ドロップ－HTML5のAPI、および、関連仕様
■ドラッグ＆ドロップとはドラッグ＆ドロップとは、ウェブページ内の要素やローカル環境に保存されたファイルなどのデータを、マウスで引きずるように移動させて他の場所に置く操作のことです。 HTML5以前にも、mousedownやmouseupなどのイベントで実現することはできましたが、 HTML5ではドラッグ＆ドロップ専用の新しいイベントや新しいメソッド・属性が追加されています。ドラッグ＆ドロップを理解するには、ドラッグ操作とドロップ操作を分けて考えると理解しやすいでしょう。ドラッグ操作は要素などのデータをマウスでつかんで引きずるように動かすこと、ドロップ操作はその動かしたデータをドロップ先の要素内に配置することです。 ■HTML側では、ドラッグする要素にdraggable属性を指定する HTML側では、ドラッグする要素にdraggable属性を指定します。 draggable属性の値
naosim 2012/01/10
JavaScript
リンク
1

はてなブックマーク