`
yushan
  • 浏览: 147727 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

<input>禁止键盘及中文输入

阅读更多

<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" onkeypress="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; '>

 

 

2
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics