DragEvent
https://developer.mozilla.org/ja/docs/Web/API/DragEvent
draggable itemのevents
drag event
drag中に数ミリ秒ごとに発火
dragstart event
draggable itemを持ち上げた時に発火
dragend event
draggable itemを離した時に発火
dragover event
draggable itemがdropzoneの上にあるときに数msごとに発火
drop zoneのevents
drop event
dragoverの条件を満たしている時に、draggable itemをdrop zoneの上で離すと発火
dragenter event
draggable itemがdrop zoneに入った時に発火
dragleave event
draggable itemがdrop zoneから出た時に発火
dragover event
draggable itemがdropzoneの上にあるときに数msごとに発火
ReactではそれぞれonDrag、onDragEndのようなpropertyとして指定する
dragged itemからdrop zoneへ何かメッセージを送りたい場合はDataTransferを使える
これを使うことで、「何のdragged itemが来たか」をdrop zone側が判断できる
onDrag
onDragCapture
onDragEnd
onDragEndCapture
onDragEnter
onDragEnterCapture
onDragExit
onDragExitCapture
onDragLeave
onDragLeaveCapture
onDragOver
onDragOverCapture
onDragStart
onDragStartCapture
onDrop
onDropCapture