2026, 새로운 도약을 시작합니다.

모바일 드래그 방지 기능

안녕하세요.

웹에서는 마우스 드래그 및 우클릭 금지 기능이 제대로 되지만

모바일에서는 

 body에 oncontextmenu="return false" onselectstart="return false" onselectstart="return false"를 줘도

스크립트를 추가해도 드래그 및 복사가 되어 

모바일에서 드래그를 막을 수 있는 방법이 있는지 문의드립니다.

답변 3개

body {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

예전에 테스트를 했는데 되는 데가 있고 안 되는 데가 있고 그러더라구요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

body 뿐 아니라 body,p,span,li,td,h1,h2,h3,h4,h5,h6 다 적용해주니 잘 먹습니다. 감사합니다~!!

댓글을 작성하려면 로그인이 필요합니다.

https://worksmart-turtlebox.tistory.com/4

여기 참고해보시고,

oncontextmenu="return false" onselectstart="return false" ondragstart="return false"

이부분 수정해보세요!

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

오 css 를 적용하니까 됩니다 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

 onmousedown="return false" 이것도 추가해보세요
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

안되네요 ㅠㅠ 사파리 문제인건지..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고