css和js禁止网页选择文字
user-select有两个值：
none：用户不能选择文本
text：用户可以选择文本
需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
IE6-9还没发现相关的CSS属性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
转载请注明：css和js禁止网页选择文字 - 前端开发
为您推荐
您可能还会对这些文章感兴趣
2016-12-15CSS实现多行文本溢出显示省略号
单行文本溢出显示省略号—（前提要给固定宽度） 实现方法: overflow:hidden; /*–超出隐藏–*/ white-space:nowrap; /*–禁止换行–*/ text-overflow:e...
2016-12-15divcss布局左边固定右边自适应
web前端开发之布局：先看效果图，最简单的左右布局。有可能还会被面试问道哈哈哈。 一看也没什么特别之处，就是左边固定，右边自适应，就这么简单。 原理：通过设置一个margin-lef...
2014-12-17css常用中文字体的英文名称写法
我们知道网页中使用中文字体最好用其对应的英文名称，这样可以避免出现编码问题导致样式中的中文名称出现乱码，从而不识别。下面是网页中常用的中文字体所对应的英文名称。留着，...
2014-11-21normalize.css使用方法,normalize.css下载
Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案...
2014-11-19纯css制作三角箭头提示框
先看2张效果图： html代码 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="maop...
2014-10-11雅虎响应式css框架Pure
响应式，就是根据浏览器或不同设备屏幕大小自适应内容。 第一次查响应式呢，了解到是要在head里写判断浏览器宽度之类的东西，也要设置对IE低版本兼容。 如： <meta name="vie...
2014-03-03浏览器css bug及bug解决方法
Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）： 如何在IE6及更早浏览器中定义小高度的容器？ 方法： #test{overflow:hidden;height:1px;font-size:0;line-heigh...
2013-04-30position fixed 兼容 ie6 已经测试可以用
*body { background-attachment: fixed; background-image: url(about:blank); /* 必须地，防抖动 */ } *body #fixed { position: absolute; top:expression(eval...
2013-03-18css元素宽度居中
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外...
2013-03-13关于z-index的那些事儿
关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。 不相信我...