|
屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 简单实例： <div style="-moz-user-select:none;" >ff下不能选择我！</div> 该属性可以说有三个属性值： 1、 none：在FF2.0测试,用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。 3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外（已经过测试）。 关系列表：
当-moz-all 和 -moz-none嵌使用时，其实遵循以上关系列表，例如： <STYLE> #my2 { -moz-user-select:-moz-none; } .test { -moz-user-select:-moz-all; } </STYLE> <body> 实例4： <DIV id="my2"> <INPUT TYPE="text" NAME=""><span>dfdfdfd</span> <ul class="test"> <li>可以选择我</li> <li>可以选择我</li> </ul> </DIV> </body> 在ff和ie设置文字都不选中，例如下面代码实现： 实例5：设置ie下文字不可选 <div style="-moz-user-select:none;" onselectstart="javascript:return false;"> <input type="text" value="不能选择我"/> <ul> <li>不能选择我</li> <li>不能选择我</li> </ul> </div> IE浏览器下是通过 onselectstart="javascript:return false;"事件来实现，该方法ff下是不支持的。 |
IE下 <body onselectstart="return false"> 阻止所有的文字被选中；