禁止键盘及中文输入

2023年12月28日 425次阅读 来源: Dijkstra算法

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

Html代码  

  1. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE> New Document </TITLE>  
  5.   <script>  
  6.   // 样式 style=“ime-mode:disabled” 禁止中文输入  
  7. function noPermitInput(e){    
  8.        var evt = window.event || e ;  
  9.         if(isIE()){  
  10.             evt.returnValue=false; //ie 禁止键盘输入  
  11.         }else{  
  12.             evt.preventDefault(); //fire fox 禁止键盘输入  
  13.         }     
  14. }  
  15. function isIE() {  
  16.     if (window.navigator.userAgent.toLowerCase().indexOf(“msie”) >= 1)  
  17.         return true;  
  18.     else  
  19.         return false;  
  20. }   
  21.   </script>  
  22.  </HEAD>  
  23.  <BODY>  
  24.   禁止键盘按键输入及中文输入  
  25.   <input type=“text” value=“”   style=“ime-mode:disabled” onkeypress=“noPermitInput(event)” >  
  26.  </BODY>  
  27. </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; ‘>

    原文作者：Dijkstra算法
    原文地址: https://blog.csdn.net/bsmmaoshenbo/article/details/47150209
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞