CSS 속성`user-select`를 사용하여 텍스트 선택을 비활성화 하는 방법 알아보기

기본적으로 브라우저를 사용하면 키보드를 사용하거나 Mac에서 cmd-A 조합을 누르거나 마우스를 사용하여 브라우저에서 텍스트를 선택할 수 있습니다.

웹 페이지가 앱처럼 작동하고 문서처럼 작동하지 않게 하려면 어떻게 비활성화 할 수 있습니까?

user-select를 사용하십시오. none; CSS 규칙.

https://caniuse.com/#feat=user-select-none이 알려 주듯이 브라우저 접두사를 사용해야 합니다.

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

내가 때때로 사용하는 한 가지는 모든 앱 인터페이스를 선택 불가능하게 하여 사용자 선택을 적용하는 것입니다. none; body 요소에서 다음을 사용하여 특정 요소에서 다시 활성화 할 수 있습니다.

user-select: text;