스타일 userSelect 속성
예시
<div> 요소의 텍스트 선택 방지:
document.getElementById("myDiv").style.userSelect = "none";
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
userSelect 속성은 요소의 텍스트를 선택할 수 있는지 여부를 설정하거나 반환합니다.
일부 텍스트를 더블 클릭하면 선택/강조 표시됩니다. 이 속성을 사용하여 이를 방지할 수 있습니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Webkit, Moz 또는 O 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
통사론
userSelect 속성을 반환합니다.
object.style.userSelect
userSelect 속성을 설정합니다.
object.style.userSelect = "auto|none|text|all"
속성 값
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
기술적 세부 사항
기본값: | 자동 |
---|---|
반환 값: | 요소의 텍스트를 선택할 수 있는지 여부를 나타내는 String |
CSS 버전 | CSS3 |
더 많은 예
예시
요소의 "user-select" 속성 값을 가져옵니다.
document.getElementById("demo").style.userSelect;
관련 페이지
CSS 참조: 사용자 선택 속성
❮ 스타일 개체