Thuộc tính Style userSelect

Định nghĩa và cách sử dụng

userSelect Cài đặt hoặc trả về việc có thể chọn văn bản của phần tử hay không.

Nếu bạn nhấp đúp vào một đoạn văn bản nào đó, nó sẽ được chọn hoặc làm nổi bật. Thuộc tính này có thể được sử dụng để ngăn chặn điều này.

Xem thêm:

Cuốn sách tham khảo CSS:Thuộc tính user-select

Thực instance

Ví dụ 1

Ngăn chặn việc chọn văn bản của phần tử <div>:

document.getElementById("myDiv").style.userSelect = "none";

Thử ngay

Ví dụ 2

Lấy giá trị thuộc tính "user-select" của phần tử:

document.getElementById("demo").style.userSelect;

Thử ngay

Ngữ pháp

Trả về thuộc tính userSelect:

object.style.userSelect

Cài đặt thuộc tính userSelect:

object.style.userSelect = "auto|none|text|all"

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Có thể chọn văn bản theo thiết lập mặc định của trình duyệt.
none Ngăn chặn việc chọn văn bản.
text Văn bản có thể được người dùng chọn.
all Chọn văn bản bằng cách nhấp mà không phải là nhấp đúp.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi, biểu thị văn bản của phần tử có thể được chọn hay không.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Số sau theo Webkit, Moz hoặc O chỉ định sử dụng tiền tố của phiên bản đầu tiên.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
54.0 79.0
10.0 giây		 69.0 3.1 Webkit 41.0