📜  HTML | DOM 样式 userSelect 属性

📅  最后修改于: 2021-11-03 10:37:46             🧑  作者: Mango

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浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器