屏蔽选择的样式定义:-moz-user-select属性(只支持ff) - 彪
屏蔽选择的样式定义:-moz-user-select属性(只支持火狐firefox)。
简单实例:
<div style="-moz-user-select:none;" >ff下不能选择我!</div>
该属性可以说有三个属性值:
1、 none:在FF2.0测试,用none,子元素所有的文字都不能选择,包括input输入框中的文字也不能选择。
2、 -moz-all:子元素所有的文字都可以被选择,但是input输入框中的文字不可以被选择。
3、 -moz-none:子元素所有的文字都不能选择,但是input输入框中的文字除外(已经过测试)。
关系列表:
|
Input表单中文字 |
一般页面文字 |
设置none |
不可选 |
不可选 |
设置moz-none |
可选 |
不可选 |
设置moz-all |
不可选 |
可选 |
当-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下是不支持的