테스트 사이트 - 개발 중인 베타 버전입니다

모바일 드래그 방지 기능

아리양영 4년 전 조회 6,855

안녕하세요.

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

모바일에서는 

 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개

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

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

d
4년 전

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

여기 참고해보시고,

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

이부분 수정해보세요!

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

답변에 대한 댓글 1개

아리양영
4년 전
오 css 를 적용하니까 됩니다 감사합니다!

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

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

답변에 대한 댓글 1개

아리양영
4년 전
안되네요 ㅠㅠ 사파리 문제인건지..

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

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

로그인