首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-09-27 
IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案在IE下给DIV设置unselectable

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

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

直接使用一个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;"


热点排行