728x90
https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
HTML Drag and Drop API - Web APIs | MDN
HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers.
developer.mozilla.org
다 한번 실제로 적용해봐야겠음
drag - ondrag
dragend - ondragend
dragenter - ondragenter <적합한 드롭 대상 위로 올라갔을 때>
.
| drag | ...a dragged item (element or text selection) is dragged. |
| dragend | ...a drag operation ends (such as releasing a mouse button or hitting the Esc key; see Finishing a Drag.) |
| dragenter | ...a dragged item enters a valid drop target. (See Specifying Drop Targets.) |
| dragleave | ...a dragged item leaves a valid drop target. |
| dragover | ...a dragged item is being dragged over a valid drop target, every few hundred milliseconds. |
| dragstart | ...the user starts dragging an item. (See Starting a Drag Operation.) |
| drop | ...an item is dropped on a valid drop target. (See Performing a Drop.) |
draggable
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable
draggable - HTML: HyperText Markup Language | MDN
The draggable global attribute is an enumerated attribute that indicates whether the element can be dragged, either with native browser behavior or the HTML Drag and Drop API.
developer.mozilla.org
728x90
'Web > JavaScript' 카테고리의 다른 글
| 강의들으면서 정리하기 4 (0) | 2023.09.01 |
|---|---|
| 강의들으면서 정리하기3 (0) | 2023.08.31 |
| 강의 들으면서 정리하기2 (0) | 2023.08.30 |
| 강의 들으면서 정리하기1 (0) | 2023.08.29 |
| [mozilla document] Equality_comparisons_and_sameness (0) | 2023.08.23 |