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 文本