[CSS] 드래그 방지

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

드래그를 전체적으로 방지하고 싶다면 body 태그에 해당 css 코드를 넣어주면 드래그가 막히게 된다.

 

나는 특정 페이지(/특정 영역)에서는 드래그가 되어야만했는데,

이럴 땐 특정 페이지의 CSS에서 아래의 코드를 추가해주면 된다.

 {
 	-webkit-user-select:text;
 	-moz-user-select:text;
 	-ms-user-select:text;
 	user-select:text;
 }

나는 긁혀도 텍스트만 긁히기를 원해서 text를 넣어줬다.

all을 넣어주니 선택하자마자 전체 선택이 돼서 text만 넣었다.