DOM Style UserSelect 属性用于设置或返回用户是否可以选择文本。
句法:
- 它用于返回属性:
object.style.userSelect
- 它用于设置属性:
object.style.userSelect = "auto|none|text|all"
特性 :
- auto:它有默认值,即用户可以选择文本。
- none:用于防止用户选择文本,意味着用户无法自行选择文本。
- text:此属性使用户可以选择文本。它不提供阻止用户选择文本的功能。
- all:用于只用鼠标单击而不是双击来选择文本。
返回值:它返回一个字符串值,表示是否可以选择元素的文本。
示例 1:
DOM Style user-select property
GeeksforGeeks
DOM Style UserSelect Property
GeeksforGeeks:
A computer science portal for geeks
输出 :
- 单击按钮之前:
- 点击按钮后:
示例 2:
DOM Style user-select property
GeeksforGeeks
DOM Style UserSelect Property
GeeksforGeeks: A computer science portal for geeks
输出:
- 点击按钮前:
- 点击按钮后:
注意:双击某些文本将被选中/突出显示,但此属性可用于防止这种情况。
支持的浏览器: DOM Style UserSelect支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器