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

最新推荐文章于 2022-08-09 16:40:41 发布

Dij__柯南

最新推荐文章于 2022-08-09 16:40:41 发布

阅读量3.5k

点赞数

分类专栏： html/html5 文章标签： input

html/html5 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<input>禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；

    Html代码   
    
  
 <!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; '>

Dij__柯南

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
<input>禁止键盘及中文输入

禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；Html代码 > HTML> HEAD> TITLE> New Document TITLE> script> // 样式 style="ime-mode:disabled" 禁止中文输
复制链接

扫一扫