Notice
Recent Posts
Recent Comments
Link
«   2023/10   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Total
관리 메뉴

web sprit

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

웹5/CSS3

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

커드만 2016. 6. 9. 16:48

웹페이지에 들어가면

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


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

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


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


소스는 다음과 같습니다.

1
2
3
4
5
6
 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 
cs



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

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


참고사이트
https://blogs.msdn.microsoft.com/ie_ko/2012/01/18/css-user-select/


Comments