HTML - 문제 미리보기
문제 1030
medium
다음 Drag and Drop API 코드에서 빈칸에 들어갈 올바른 속성과 메서드는?
```javascript
// 드래그 시작 시
function dragStart(ev) {
ev.dataTransfer.____("text", ev.target.id);
}
// 드롭 영역에서
function allowDrop(ev) {
ev.______();
}
// 드롭 시
function drop(ev) {
ev.preventDefault();
const data = ev.dataTransfer.____("text");
}
```
정답: A
Drag and Drop API의 핵심 메서드들입니다:
`setData(type, data)`: 드래그 시작 시 전달할 데이터를 설정
• 첫 번째 매개변수: 데이터 타입 ("text", "text/html" 등)
• 두 번째 매개변수: 실제 전달할 데이터
`preventDefault()`: 브라우저의 기본 동작 차단
• 드롭 영역에서 필수 (기본적으로 드롭이 금지되어 있음)
• 드롭 시에도 브라우저가 링크로 열지 않도록 차단
`getData(type)`: 드롭 시 전달받은 데이터를 가져오기
• `setData()`에서 설정한 같은 타입으로 데이터 추출
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.