Posted on 2009-11-02 10:27
itVincent 閱讀(1191)
評(píng)論(1) 編輯 收藏 所屬分類:
html & css
IE中最合適的屏蔽選擇方法是在HTML標(biāo)簽中加入unselectable="on"，不過(guò)有人說(shuō)onselectstart="return false;"這個(gè)方法也很好啊，但是這個(gè)方法有一個(gè)特性，加了這個(gè)參數(shù)后的標(biāo)簽，所有子標(biāo)簽都不能選擇，例如給<table>加了onselectstart="return false;"，在<table>中有一個(gè)<input type="text">，這樣在input中輸入的內(nèi)容也將不能選中，如果使用前者unselectable="on"，則不會(huì)有這樣的問(wèn)題。
而在FF中，處理屏蔽選擇則要靈活得多，F(xiàn)F屏蔽選擇的樣式定義：-moz-user-select屬性。
簡(jiǎn)單實(shí)例：
<div style="-moz-user-select:none;" >ff下不能選擇我！</div>
該屬性可以說(shuō)有三個(gè)屬性值：
1、none：在FF2.0測(cè)試,用none,子元素所有的文字都不能選擇，包括input輸入框中的文字也不能選擇。
2、-moz-all：子元素所有的文字都可以被選擇，但是input輸入框中的文字不可以被選擇。
3、-moz-none：子元素所有的文字都不能選擇，但是input輸入框中的文字除外（已經(jīng)過(guò)測(cè)試）。
關(guān)系列表：
|
|
Input表單中文字
|
一般頁(yè)面文字
|
|
設(shè)置none
|
不可選
|
不可選
|
|
|
設(shè)置moz-none
|
可選
|
不可選
|
|
|
設(shè)置moz-all
|
不可選
|
可選
|
|