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>