CSS 규칙을 통해 선택한 텍스트를 비활성화하는 코드 예

다른 사람이 귀하의 기사를 복사하는 것을 원하지 않는 경우와 같은 일부 시나리오에서는 텍스트 선택을 비활성화해야 합니다. 이때 CSS+JS를 사용하여 이 문제를 해결할 수 있습니다. 또한 여기서는 user-select가 아직 공식 W3C 표준이 아니며 각 브라우저가 개인 속성 형식으로 지원을 제공한다는 점을 지적해야 합니다.

구문

Formal syntax: none | text | all | element

코드는 다음과 같습니다.

(-prefix-)user-select: none;
(-prefix-)user-select: text;
(-prefix-)user-select: all;
(-prefix-)user-select: element;

코드는 다음과 같습니다.

.row-of-icons {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */</p> <p> /* No support for these yet,use at own risk */
-o-user-select: none;
user-select: none;
}

IE 호환성

현재 -ms-user-select 규칙은 IE 10 이상의 브라우저에서 사용할 수 있지만, 이전 버전의 IE에서는 javascript를 통해서만 선택한 텍스트를 금지할 수 있습니다.

코드는 다음과 같습니다.

$(el).attr('unselectable','on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user-select':'none',
'-khtml-user-select':'none', /* you could also put this in a class */
'-webkit-user-select':'none',/* and add the CSS class here instead */
'-ms-user-select':'none',
'user-select':'none'
}).bind('selectstart', function(){
return false;
});

위 내용은 CSS 규칙을 통해 선택한 텍스트를 비활성화하는 코드 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!