HTML에서 텍스트 선택을 방지하려면 어떻게 해야 합니까?

HTML에서 선택할 수 없는 텍스트

질문: HTML UI에서 사용자가 특정 텍스트를 선택하지 못하게 할 수 있습니까? 탭과 같은 텍스트 요소 이름이 있습니까?

답변:

예, HTML에서 텍스트를 선택 불가능하게 만드는 방법에는 여러 가지가 있습니다.

CSS 사용:

최신 브라우저에서는 사용자 선택을 사용하는 CSS로 이를 달성할 수 있습니다. 속성:

*.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

선택할 수 없는 속성 사용(IE 및 Opera):

이전 버전의 IE 및 Opera의 경우 선택 불가능 속성을 특정 요소에 적용할 수 있습니다. :

<div>
<p><strong>참고:</strong> 이 속성은 상속되므로 선택 가능하지 않아야 하는 각 요소에 대해 지정해야 합니다.</p>
<p><strong>JavaScript를 사용한 재귀 선택 취소:</strong></p>
<p>또는 JavaScript를 사용하여 선택 불가능 항목을 재귀적으로 설정할 수 있습니다. 요소의 모든 하위 항목에 대한 속성:</p>
<pre class="brush:php;toolbar:false">function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));