이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.
draggable 전역 속성은 열거형 속성으로 해당 요소가 HTML Drag and Drop API를 이용해 드래그(drag)될 수 있는지를 나타냅니다. 이 속성은 다음과 같은 값을 가질 수 있습니다:
- true, 해당 요소를 드래그할 수 있음.
- false, 해당 요소를 드래그할 수 없음.
이 속성이 설정되지 않은 경우 기본값은 auto이며, 브라우저에 기본으로 정의된 동작을의미합니다.
이 속성은 열거형(enumerated) 속성이지 부울(Boolean) 속성은 아닙니다. 이는 true 또는 false 값을 명시적으로 사용해야 한다는 것을 의미하며, <label draggable>Example Label</label> 와 같이 축약해서 사용하는 것은 허용되지 않습니다. 이에 대한 정확한 사용법은 <label draggable="true">Example Label</label>입니다.
기본적으로 선택된 텍스트와 이미지 그리고 링크에 대해서만 드래그할 수 있습니다. 모든 다른 요소에 대해 드래그 & 드랍(drag & drop) 매커니즘이 작동하도록 하기 위해서는 종합 예제(comprehensive example)와 같이 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.1 The definition of 'draggable' in that specification. |
Recommendation | Snapshot of HTML Living Standard, initial definition |
브라우저 호환성
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
draggable | Chrome Full support Yes | Edge Full support Yes | 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 | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
같이 보기
- 모든 전역 속성.