禁止div内容被选中

在做div的点击计数事件时,遇到一个小问题。

因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中。

查了下,用css和javascript可以实现禁止选择。

css代码:

/* css style: */
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

html代码

说明:

<div unselectable="on" 

onselectstart="return false;" 

style="-moz-user-select:none;"> some text</div>

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

 

PS:我的淘宝店铺新开业,经营各种桌游,棋牌,希望大伙儿能来看看!http://201314yes.taobao.com/

你可能感兴趣的:(div)