JS---小技巧-小经验

<body onselectstart="return false">                           ----------禁止选中文字

onselectstart:
//用法

   当 <input> 元素内的文本被选中后执行一段 JavaScript:

<input type="text" onselect="showMsg() value="Hello world!">


兼容处理:

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中,就实现了禁止用户选中页面上内容的效果

 

posted @ 2017-01-18 11:22  陪我一起去看海  阅读(102)  评论(0编辑  收藏  举报