首页 > 其他 > 详细

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

时间:2015-07-06 11:39:20      阅读:158      评论:0      收藏:0      [点我收藏+]

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

直接使用一个DIV是可以的,比如:

 

[html] view plaincopy
 
  1. <div unselectable="on" onselectstart="return false;">不能选中的内容</div>  


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

 

 

[html] view plaincopy
 
  1. <div>普通DIV<div>  
  2. <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;"

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

原文:http://www.cnblogs.com/xuan52rock/p/4623736.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!