javascript - 텍스트 선택 및 복사 비활성화 관련 문제

Question

스타일은 다음과 같습니다

으아아아

html의 구조는 다음과 같습니다

으아아아

일부 항목에 대해 이 기사를 비활성화하는 옵션을 만들었습니다. 항목만 선택하면 선택이 비활성화될 수 있으며 내용을 복사할 수 없습니다. 그러나 cmd + a를 사용하여 전체를 선택하면 다음이 표시됩니다. 비활성화된 항목 페이지에는 선택되지 않은 것으로 표시되지만 현재 콘텐츠를 복사할 수 있습니다.

다음으로 js를 사용하여 제어하세요.

으아아아

개별 선택 시에는 적용이 되지만, 전체 선택 시에는 실패하는 것으로 확인되었습니다. 그래서 선택 가능한 노드들 중에 선택 불가능한 노드들을 분산시키고, 선택 가능한 노드들만 선택할 수 있게 하는 방법이 있는지 여쭤보고 싶습니다. 복사.

Answer 1

CSS에 텍스트를 넣는 등 다른 방법을 시도해 볼 수 있습니다. CSS의 텍스트는 전혀 선택하거나 복사할 수 없습니다. 아무렇지도 않게 테스트 코드를 작성했습니다:

JsFiddle: https://jsfiddle.net/d95cugaL/

JsBin: http://jsbin.com/nowoxuceta/e...

또는 한 단계 더 나아가 이미지에 직접 텍스트를 넣을 수도 있습니다...

Answer 2

여기에 아이디어가 있습니다. 즉, Ctrl+C 마우스 이벤트를 비활성화할 수 있다는 것입니다.
//Ctrl 복사 비활성화

으아악

전체 선택에 문제가 있는 경우 Ctrl+A를 비활성화할 수도 있습니다