本文介绍了解决在图片滚动操作时误选中附近文字的问题。通过为相关元素添加 onselectstart 属性与 -moz-user-select: none; CSS 样式，可以有效阻止文字被选中，适用于 IE、Chrome 和 Firefox 浏览器。
在做图片滚动时，在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题
这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把：
和
添加到body中，就实现了禁止用户选中页面上内容的效果
IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示：
<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把：
<body onselectstart="return false">和
body
{
-moz-user-select: none;
}添加到body中，就实现了禁止用户选中页面上内容的效果
http://huazi.tcreator.info/?p=422
扫一扫
8823
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
