屏蔽双击选中文字的解决办法，兼容ie，google，firefox

最新推荐文章于 2023-01-25 14:55:11 发布

zishan007

最新推荐文章于 2023-01-25 14:55:11 发布

阅读量6.9k

点赞数

IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示：

[html]view plaincopyprint? 
   
 <div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>  

这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把：

[css]view plaincopyprint? 
   
 <body onselectstart="return false">  

和

[css]view plaincopyprint? 
   
 body  
 {  
 -moz-user-select:   none;  
 }  

添加到body中，就实现了禁止用户选中页面上内容的效果

关注