인프런 커뮤니티 질문&답변
작성한 질문수
4강 글로벌 속성 중 draggable 오류?
작성
·
168
·
수정됨
0
안녕하세요, 강의 감사히 잘 듣고 있습니다.
4강 글로벌 속성과 로컬 속성 중 draggable 움직일 수 있는 태그 확인 했을때
마우스 커서를 가져가서 클릭하여 움직이면 따라 움직이기는 하는데
클릭하는 커서 부분이 금지 표시 (동그라미안에 대각선 모양) 가 뜹니다.
왜 그런걸까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
정지영님, 강의를 잘 듣고 계시다니 정말 기쁩니다! 질문하신 ‘draggable’ 속성은 HTML에서 요소를 드래그 앤 드롭으로 움직일 수 있게 해주는 글로벌 속성입니다. 말씀하신 커서 부분에 금지 표시가 뜨는 현상은 특정 브라우저에서 draggable 속성이 활성화된 요소에 마우스 커서를 옮겼을 때, 브라우저나 시스템 정책상 드래그가 허용되지 않는 상황을 표시하기 위해 나타날 수 있습니다.
이 현상은 드래그 앤 드롭을 구현할 때 CSS나 JavaScript의 추가적인 설정이 필요하거나, 특정 상황에서 브라우저가 드래그를 제한하고 있기 때문에 발생할 수 있습니다. 예를 들어, 드래그되는 요소에 대한 사용자 정의 스타일을 적용하거나, JavaScript를 사용해 특정 동작을 명시적으로 허용하도록 설정해야 할 수도 있습니다.
해결 방법으로는, 첫째, 사용 중인 브라우저에서 draggable 속성과 관련된 특정 동작을 제어하는 방법을 참고하시거나, 둘째, CSS와 JavaScript를 사용해 드래그 시의 커서 모양을 직접 제어하는 방법을 시도해 보시는 것이 좋습니다. 그래도 문제가 해결되지 않는다면, 해당 강의의 질문 섹션 혹은 웹 개발 관련 커뮤니티에 구체적인 코드와 함께 질문을 올려 다른 개발자들의 도움을 받아보시는 것도 좋은 방법입니다.
감사합니다!