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" 속성을 설정하면 어떤 효과가 있나요?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩