[html / css ] 사용자 드래그(drag) 막는 방법

사용자 드레그 막는 방법

사용자가 웹페이지에서 원하지 않는 구간에 드레그를 하는 것을 막고 싶을 경우 user-select라는 속성을 사용하면 된다.

웹 페이지 전체에서 드레그를 막고 싶은 경우 body태그에 속성을 적용시키면 된다.

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

 

 

사용자 드레그 허용하는 방법

사용자에게 드레그를 허용하고 싶은 경우 속성값을 none에서 all로 바꿔주면 된다.

만약 일부분만 허용하고 싶은 거라면 body태그에는 none을 걸고 원하는 태그에만 all로 값을 입력하면 원하는 부분만 선택 가능하다.

텍스트만 드레그를 허용하고싶은 경우 속성값을  all 대신 text로 변경하면 된다.

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

 

+) mdn : css : user-select