IE下设置unselectable与onselectstart属性的bug，Firefox与Chrome下的解决方案

在IE下给DIV设置unselectable与onselectstart属性，可以让div的内容不能选中，这个功能在很多情况下，非常有用，但是他的bug太明显，

直接使用一个DIV是可以的，比如：

 

<div unselectable="on" onselectstart="return false;">不能选中的内容</div>

但是假如在这个DIV前面在出现一个普通的DIV，那就有问题了，比如：

 

 

<div>普通DIV<div>
<div unselectable="on" onselectstart="return false;">从前面一个DIV开始选，就可以选中本部分内容，只有从该DIV结束部分才能不选中</div>

 

目前我还没找到很好的解决方案，要么在body里用onselectstart="return false;"，但是那会导致整个页面都无法选中；或者在所有div或者类似DIV的容器里都要设置onselectstart="return false;"，才能彻底解决。

Firefox下的解决方案：

style="-moz-user-select:none;" 

Chrome下的解决方案：

style="-webkit-user-select:none;"