CSS样式表能否控制文字禁止选择,复制, 焦点

div中禁止文字被选择

在做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专有的 

 

posted @ 2019-04-30 09:11  Mica  阅读(927)  评论(0编辑  收藏  举报