HTML5のドラッグ&ドロップ - ゴミ箱の効果
どのようなドラッグアンドドロップ(ドラッグ)
ドラッグ&ドロップ
:ドラッグ&ドロップは、特殊なHTML5のドラッグ&APIの配信の提供を指し、
ドラッグ&ドロップAPIの有用性/利点
1. APIの専用のドラッグアンド送達を提供します
2.トリガ・イベントの複数の効果を、モバイルは、マウスの形状を制御することができます。
3.ページをドラッグすることができます
文法APIの基本的な操作をドラッグ&ドロップします
ドラッグ可能な属性
ドラッグイベント -
ondragstart:Enterキーを押して、マウスや動きは、最初のきっかけ
ドラッグ:連続トリガ時のドラッグ要素、
dragendイベント:要素をドラッグしたときに起動停止機能
スケジューリング -
私たちは配達エリアにオブジェクトをドラッグ&ドロップのdragEnter、
地域内のオブジェクトが移動をドラッグすると、トリガ機能を入れ続けたのdragover、
オブジェクトがドラッグサービスエリアを離れるdragleave、
ドロップ、ドラッグアンドドロップオブジェクトがタイムゾーンを入稿するトリガ機能に入れ
DOM要素のデフォルトブラウザを我々はDOM要素内の他の領域の内側に入れた場合にはデフォルトのイベントを防ぐために行われるべきであるので、DOM要素をドラッグすることはできませんので、特に、dragoverイベントで実行中のデフォルトを防ぐ必要がありますゾーンをキャストする場合のイベントは、そう、我々は、デフォルトのイベントを防ぐために注意を払う必要があります
dataTransferオブジェクト
具体的には、データ及びドロッププロセスを実施するため、
setData:のdataTransferに移動格納されたデータ要素をドラッグする要素を担持するデータを格納するのにオブジェクトからオブジェクト
getData:読書
setDragImageによって:ドラッグが発生したときにカーソルがあるの下にアイコンが表示されているもの、アイコンを指定します
API + jsはドラッグ効果のゴミ箱を使用して実装します