css样式表禁止文字选择与复制

发布时间:2020-02-10编辑:脚本学堂
有关css样式表禁止文字选择与复制操作的方法,div中有文字,当点击多次时,特别是鼠标点击比较快时,文字会被选中,用css和javascript实现禁止选择。

div中禁止文字被选择
div中有文字,当点击多次时,特别是鼠标点击比较快时,文字会被选中。

用css和javascript实现禁止选择。
css代码:
 

/* css style: */
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">   some text </div>
 

说明:
unselectable针对IE
onselectstart针对Chrome、Safari
-moz-user-select是firefox专有的

方法2,用css禁止选中页面文字

使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样。使用onselectstart,例如
IE:
 

<body onselectstart="return false">
 

Firefox下,控制css:
 

body
{
-moz-user-select:   none;
}

方法3,禁止鼠标选中文字 onselectstart 

用js在页面中:onselectstart="return false"
例如:
 

<div style="width:200px;height:200px;"  onselectstart="return false">
这里文字是不能被鼠标选中的</div>

firefox 实现:
 

<style type="text/css">
.aa{-moz-user-select:none;}
</style>
<div class="aa"></div>

可以在body中添加:
 

<body onselectstart="return false">
 

这样,整个页面都不能复制文字。

ie浏览器下,css代码:
 

<style type="text/css">
.aa{gn:expression(this.onselectstart=function(){return false;})}
</style>
<div class="aa"> aaaaaaaaaaaa </div>