user-select 속성 (글씨 드래그 제어, 선택 제어)

웹페이지에 들어가면

하드코딩 되어진 글씨 영역에 마우스를 대고 드래그하여 복사를 할 수 있다.

css 에서는 드래그를 막아주는 속성이 있습니다. 그렇다고 해서 완벽히 차단은 아니고,

속성을 적용하지 않은 곳에서 부터 드래그 한다면 표시는 안나더라도 복사할 수 있다고 하네요 ^^;;;

그래도 실전에 필요할 수 있으니 꼭 참고 바랍니다. 저도 플젝을 하면서 한번 사용해 보았네요 .

소스는 다음과 같습니다.

 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 

설정값은 다음과 같습니다.

• text – 텍스트를 선택할 수 있습니다.
• element – 텍스트를 선택할 수 있지만 요소 범위로 제한됩니다.
• none – 텍스트를 선택할 수 없습니다.
• auto – 요소에 입력 요소 또는 콘텐츠 편집 가능 요소 등 편집 가능한 텍스트가 포함되어 있으면 텍스트를 선택할 수 있습니다. 그렇지 않은 경우에는 부모 노드의 값에 의해 선택이 결정됩니다.

참고사이트

https://blogs.msdn.microsoft.com/ie_ko/2012/01/18/css-user-select/