禁止鼠标选择页面内容

简介:

.disable-select {

    -moz-user-select: none;/*Firefox*/

    -ms-user-select: none;/*ie10*/

    -webkit-user-select: none;/*Chrome*/

    user-select: none;

}



-ms-user-select 可设置 4 个值:

  • text – 可以选择文本

  • element – 可以选择文本,但选择范围受元素边界的约束

  • none – 不可以选择文本,子元素也不能选择

  • auto – 如果该元素包含可编辑的文本(如输入元素或可编辑内容的元素),则可以选择文本。否则,元素内容是否可选择由父节点的值决定。

-ms-user-select 的默认值为 auto。



ie6-9可以设置

document.body.onselectstart = document.body.ondrag = function(){
return false;
}










本文转自 yntmdr 51CTO博客,原文链接:http://blog.51cto.com/yntmdr/1657021,如需转载请自行联系原作者
目录
相关文章
|
6月前
|
小程序 JavaScript
小程序自定义弹窗禁止底部内容滚动(滚动穿透问题)
小程序自定义弹窗禁止底部内容滚动(滚动穿透问题)
897 0
禁止鼠标右键禁止f12
禁止鼠标右键禁止f12
77 0
|
6月前
|
前端开发
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
274 1
禁止右键,禁止复制,禁止拖动图片demo效果示例(整理)
禁止右键,禁止复制,禁止拖动图片demo效果示例(整理)
uniapp禁止页面滚动
uniapp禁止页面滚动
562 0
|
JavaScript 前端开发
【js】鼠标禁止右键禁止打开控制台及键盘禁用
前言 大家好,今天和大家分享一下在前端js中禁止鼠标在浏览器中右键,禁止鼠标选中和禁止键盘按键。 这个方法是我在制作一个单词考核系统时所使用到的,因为在考试期间如果打开控制台,通过控制台找到了正确的答案,那么就没有意义了。 所以就需要将控制台禁用,所应用到的也是一些基础的知识,下面我们就一起来看一看吧
uniapp:禁止蒙版下的页面滚动
uniapp:禁止蒙版下的页面滚动
205 0
|
Web App开发 前端开发
禁止双击选中文本
禁止双击选中文本
156 0
|
前端开发
前端禁止鼠标右键、禁止全选、复制、粘贴
前端禁止鼠标右键、禁止全选、复制、粘贴
320 0