contenteditable = true 인 동안 텍스트를 선택하면 스타일 user-select = none으로 노드 텍스트가 복사됩니다.

Question

문제가 발생했습니다. 피들을 열면 만족할만한 페이지가 나타납니다. 일부 노드의 스타일은 user-select = none이고 ctrl-a를 누르면 모두 스타일을 선택하지 않은 모든 내용이 표시됩니다. 없음

그러나 Ctrl 키를 사용하여 선택한 텍스트를 복사하면 -c를 열고 메모장을 열고 붙여 넣으면 user-select = none 인 모든 텍스트가 삽입됩니다.

JS Fiddle

Answer 1

코드는 잘 파이어 폭스를 실행하지만 그것은 크롬, 오페라, 사파리 제대로 실행되지 않았다.

나는 일부 브라우저 몇 가지 버그가 값 없음으로 사용자 선택 재산 생각합니다.

다른 브라우저에서이 샘플 코드를 사용해 보면 알 수 있습니다.

.noselect { 
 
    -webkit-touch-callout: none; /* iOS Safari */ 
 
    -webkit-user-select: none; /* Safari */ 
 
    -khtml-user-select: none; /* Konqueror HTML */ 
 
     -moz-user-select: none; /* Firefox */ 
 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
 
      user-select: none; /* Non-prefixed version, currently 
 
            supported by Chrome and Opera */ 
 
}

<p>Selectable text1.</p> 
 
<p class="noselect">Unselectable text1.</p> 
 
<p>Selectable text2.</p> 
 
<p class="noselect">Unselectable text2.</p>