Tạo kiểu người dùng Chọn Thuộc tính
Thí dụ
Ngăn lựa chọn văn bản của một phần tử <div>:
document.getElementById("myDiv").style.userSelect = "none";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính userSelect đặt hoặc trả về văn bản của một phần tử có thể được chọn hay không.
Nếu bạn nhấp đú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à Webkit, Moz hoặc O chỉ định phiên bản đầu tiên hoạt động với tiền tố.
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 |
Cú pháp
Trả lại 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ả lại: | 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 |
Các ví dụ khác
Thí dụ
Nhận giá trị của thuộc tính "user-select" của một phần tử:
document.getElementById("demo").style.userSelect;
Các trang liên quan
Tham chiếu CSS: thuộc tính người dùng chọn
❮ Đối tượng phong cách