Kiểu người dùngChọn thuộc tính
Ví dụ
Ngăn chặn việc chọn văn bản của phần tử <div>:
document.getElementById("myDiv").style.userSelect = "none";
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Thuộc tính userSelect đặt hoặc trả về việc văn bản của một phần tử có thể được chọn hay không.
Nếu bạn bấm đúp vào một số văn bản, nó sẽ được chọn/đánh dấu. Thuộc tính này có thể được sử dụng để ngăn chặn điều này.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là ms hoặc Webkit chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 | 79.0 10.0 ms |
69.0 | 3.1 Webkit | 41.0 |
Cú pháp
Trả về thuộc tính userSelect:
object .style.userSelect
Đặt thuộc tính userSelect:
object .style.userSelect = "auto|none|text|all"
Giá trị tài sản
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 |
Chi tiết kỹ thuật
Giá trị mặc định: | tự động |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị liệu văn bản của một phần tử có thể được chọn hay không |
Phiên bản CSS | CSS3 |
Thêm ví dụ
Ví dụ
Lấy giá trị thuộc tính "người dùng chọn" của một phần tử:
document.getElementById("demo").style.userSelect;
Hãy tự mình thử »Trang liên quan
Tham chiếu CSS: thuộc tính do người dùng chọn