上一节:
下一节:

  JavaScript HTML DOM Style userSelect 属性

  • userSelect 属性

    userSelect属性设置或返回是否可以选择元素的文本。如果双击某些文本，将选中/突出显示该文本。此属性可用于防止此情况。
    防止文本选择div元素： 
    document.getElementById("myDiv").style.userSelect = "none";
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    属性
    userSelect
    10.0+ ms
    54.0+
    6.0+ Webkit
    2.0+ Moz
    3.1+ Webkit
    41.0+
    15.0+ Webkit

  • 语法

    返回userSelect属性：
    object.style.userSelect
    设置userSelect属性：
    object.style.userSelect = "auto|none|text|all"

  • 属性值

    值 描述
    auto 默认。 可以根据浏览器的默认设置选择文本
    none 防止文本选择
    text 用户可以选择文本
    all 只需单击一下即可进行文本选择，而不是双击

  • 技术细节

    项目 描述
    默认值： auto
    返回值： 一个字符串，表示是否可以选择元素的文本
    CSS版本 CSS3

  • 更多例子

    获取元素的“user-select”属性的值： 
    document.getElementById("demo").style.userSelect;
    尝试一下

  • 相关页面

    CSS参考：CSS 文本
返回 style对象参考
上一节:
下一节: