浏览器中移动设备上的PreventDefault文本选择上下文菜单

html5 • • 问答

如何在浏览器中禁用上下文文本选择菜单？是否可以？

这是文本选择菜单的样子：

回答

非常简单，您只需要在 css 类中添加user-select属性。这是一个带有p和span作为不可选择标记的小代码。

p{
  user-select: none;
}

span{
  user-select:none;
}
<html>
  <head>
      <meta charset="utf-8">
  </head>
  <body>
  <!--Full text is unselectable-->
  <p>This full text is unselectable</p>
  
  <!--A part of text is unselectable-->
  <div>Hello i am selectable but i am <span>unselectable.</span></div>
  </body>
</html>

以上是浏览器中移动设备上的PreventDefault文本选择上下文菜单的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>