<input>禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
// 样式 style="ime-mode:disabled" 禁止中文输入
function noPermitInput(e){
var evt = window.event || e ;
if(isIE()){
evt.returnValue=false; //ie 禁止键盘输入
}else{
evt.preventDefault(); //fire fox 禁止键盘输入
}
}
function isIE() {
if (window.navigator.userAgent.toLowerCase().indexOf("msie") >= 1)
return true;
else
return false;
}
</script>
</HEAD>
<BODY>
禁止键盘按键输入及中文输入
<input type="text" value="" style="ime-mode:disabled" οnkeypress="noPermitInput(event)" >
</BODY>
</HTML>
关于样式 ime-mode,网上查找如下:
ime-mode CSS提议属性
语法:
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。
示例:
<input type=text style='ime-mode: disabled; '>