IE号醉、火狐瀏覽器中反症,在HTML中,如果把一個(gè)<input>的readonly屬性設(shè)置為"readonly",表示這個(gè)表單元素不能編輯辛块。但是,鼠標(biāo)點(diǎn)擊之后,這個(gè)表單元素還是有光標(biāo)存在的。
以下方法可以解決這個(gè)問題:
1.設(shè)置屬性 disabled="disabled"铅碍,
<input type="text" id="id" style="width:250px;height:30px;" disabled="disabled"/>
在這種情況下润绵,表單中的元素不可以被編輯,而且谷歌胞谈,IE瀏覽器中input框中的文本可以被選取尘盼,但是火狐瀏覽器中input框中的文本不可以被選取。
2.設(shè)置屬性 unselectable="on"烦绳,
<input type="text" id="id" style="width:250px;height:30px;" readonly="readonly" unselectable="on"/>
這種情況主要是解決IE瀏覽器中的光標(biāo)出現(xiàn)問題卿捎。火狐瀏覽器中不支持径密。
3.οnfοcus="this.blur()"
$(document).on('focus', 'input[readonly]', function () {
this.blur();
});
這種情況主要是解決火狐瀏覽器中的光標(biāo)出現(xiàn)問題午阵。此方法不僅會(huì)讓光標(biāo)消失,而且使框中的信息變得無法獲取享扔。