draggable 전역 특성은 요소의 드래그 가능 여부를 나타내는 열거형 특성으로, 네이티브 브라우저 동작 방식과 HTML Drag and Drop API 모두 통제합니다.
draggable은 다음 두 값 중 하나를 가질 수 있습니다.
true: 요소를 드래그 할 수 있습니다.false: 요소를 드래그 할 수 없습니다.
draggable 특성은 불리언이 아니고 열거형 특성이므로, true 또는 false의 지정 또한 필수입니다. 그러므로 <img draggable>처럼 사용할 수 없고, 올바른 사용법은 <img draggable="false">입니다.
draggable을 지정하지 않은 경우의 기본값은 auto로, 브라우저 기본 동작을 따릅니다. 즉, 텍스트 선택 영역, 이미지, 링크 외에는 드래그가 불가능합니다. 종합 예제에서 볼 수 있듯, 다른 요소에 드래그 앤 드롭을 적용하려면 ondragstart 이벤트 처리기가 필요합니다.
명세
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'draggable' in that specification. |
Living Standard | No change from latest snapshot, HTML 5.1 |
| HTML 5.2 The definition of 'draggable' in that specification. |
Recommendation | No change |
| HTML 5.1 The definition of 'draggable' in that specification. |
Recommendation | Snapshot of HTML Living Standard, initial definition |
브라우저 호환성
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
draggable | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 2 | IE Full support Yes | Opera Full support 12 | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
같이 보기
- 모든 전역 특성.