HTML 요소에 draggable="true" 속성을 설정하면 어떤 효과가 있나요?

Q: HTML 요소에 draggable="true" 속성을 설정하면 어떤 효과가 있나요?

해당 요소를 마우스로 드래그할 수 있게 되며, Drag and Drop API 이벤트가 발생한다 draggable="true" 속성은 해당 요소를 드래그 가능하게 만들어 Drag and Drop API의 dragstart, drag, dragend 등의 이벤트를 사용할 수 있게 합니다. 단, 드래그 동작 자체만 활성화하며 실제 이동이나 복사 로직은 JavaScript로 구현해야 합니다.

쉬움 MDN Web Docs

보기 및 정답

A 해당 요소를 마우스로 드래그할 수 있게 되며, Drag and Drop API 이벤트가 발생한다

B 요소의 크기를 마우스로 자유롭게 조절할 수 있게 되어 리사이즈 기능이 활성화된다

C 요소가 페이지 내에서 자동으로 위치가 이동되어 랜덤한 배치가 적용되는 효과가 있다

D 요소의 텍스트를 선택할 수 없게 되며 복사나 붙여넣기 기능이 완전히 차단되는 효과가 있는 것으로 알려져 있다

해설

draggable="true" 속성은 해당 요소를 드래그 가능하게 만들어 Drag and Drop API의 dragstart, drag, dragend 등의 이벤트를 사용할 수 있게 합니다. 단, 드래그 동작 자체만 활성화하며 실제 이동이나 복사 로직은 JavaScript로 구현해야 합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

HTML 요소에 draggable="true" 속성을 설정하면 어떤 효과가 있나요?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.