[CSS]드래그(drag)막기!

숑이·2022년 1월 4일
2
post-custom-banner

이미지 등 drag 막기 css

전체 드래그 막기(복사안됨?)

/*css 삽입*/

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

일부 영역 드래그를 허용 -> bacy에 드래그 방지 코드를 넣어놓고, 원하는 영역에 클래스 추가

.draggable{
 -webkit-user-select: all;
 -moz-user-select: all;
 -ms-use-select: all;
 user-select: all;
}

텍스트만 드래그를 허용하고 싶은 경우

.draggable{
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-use-select: text;
 user-select: text;
}

이미지 드래그 막고 싶은 경우

img {
 -webkit-user-drag: none;
 -khtml-user-drag: none;
 -moz-user-drag: none;
 -o-user-drag: none;
 user-drag: none;
}
post-custom-banner

0개의 댓글