onselectstart
2013-08-12 14:07
176 查看
以前在做图片滚动时,在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题
IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代码如下所示:
这样这个区域的文字都不能选中了,就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把
<body onselectstart="return false">
添加到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中,就实现了禁止用户选中页面上内容的效果
相关文章推荐
- [置顶] 解决Firefox/Opera 不支持 onselectstart事件
- onselectstart与onselect
- -moz-user-select与onselectstart 禁止选择文字的方法
- -moz-user-select与onselectstart 禁止选择文字
- 解决Firefox/Opera 不支持onselectstart事件实现不允许用户select
- onselectstart="return false"无法复制文字
- Firefox/Opera不支持onselectstart事件
- onselectstart="javascript:return false;"
- onselectstart
- -moz-user-select与onselectstart 禁止选择文字
- onselectstart
- onselectstart
- onselectstart事件 ondragstart事件:禁止鼠标在网页上拖动.oncontextmenu事件:取消鼠标右键
- onselectstart与onselect—禁止选择或禁止复制
- 去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)
- js-onSelectStart解释
- onselectstart="return false" : 禁止选取
- onselectstart="return false" : 禁止选取
- onselectstart="return false" : 禁止选取
- onselectstart="return false"