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

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

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

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

1
<body onselectstart="return false">


1
body{-moz-user-select: none;}

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

Mr.Naas wechat
欢迎关注本人公众号