Style userSelect Property

Prevent text selection of a <div> element:

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

More "Try it Yourself" examples below.

Description

The userSelect property sets or returns whether the text of an element can be selected or not.

If you double-click on some text, it will be selected/highlighted. This property can be used to prevent this.

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by ms or Webkit specify the first version that worked with a prefix.

Property
userSelect	54.0	79.0 10.0 ms	69.0	3.1 Webkit	41.0

Return the userSelect property:

object.style.userSelect

Set the userSelect property:

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

Default Value:	auto
Return Value:	A String, representing whether the text of an element can be selected
CSS Version	CSS3

Get the value of the "user-select" property of an element:

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