浏览器兼容性问题

Posted 2021-02-02 xuqiushuo

一、IE8不支持修改input输入框的type属性

<input type="text" id="pskValue" name="pskValue" style="width:135px" maxlength="64" />

 

 1 function pwstate_change()
 2 {
 3     if (true != $("#pwstate").is(":checked"))
 4     {    
 5         $("#pskValue")[0].type = "password";
 6         $("#ent_key")[0].type = "password";
 7     }
 8     else
 9     {
10         $("#pskValue")[0].type = "text";
11         $("#ent_key")[0].type = "text";
12     }
13 }

解决办法：

写两个input，一个是text，一个是password，根据显示密码状态切换

<input name="" type="text" value="Password" class="inputText_1" id="tx"  />

<input name="" type="password" style="display:none;" id="pwd" class="inputText_1" />

 

二、IE、火狐input框内无法输入中文

   ime-mode版本：IE5+专有属性、火狐　

    语法：

    ime-mode : auto | active | inactive |disabled

    参数：

    auto :不影响IME的状态。与不指定ime-mode属性时相同

    active :指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME

    inactive :指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME

    disabled :完全禁用IME。对于有焦点的控件（如输入框），用户不可以激活IME

 

在input框内加入样式：

style="ime-mode:auto"