在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;"