编程 Javascript

input禁止键盘及中文输入,但可以点击

Posted in Javascript onFebruary 13, 2014

网上找了很多，不实用，要不兼容问题，这个可以！
<input>禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；另外禁止粘贴 onpaste="return false"

<!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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript面向对象设计一工厂模式

Dec 20 Javascript

javascript中注册和移除事件的4种方式

Mar 20 Javascript

深入理解javaScript中的事件驱动

May 21 Javascript

jquery()函数的三种语法介绍

Oct 09 Javascript

zepto.js中tap事件阻止冒泡的实现方法

Feb 12 Javascript

jQuery实现折线图的方法

Feb 28 Javascript

jquery实现的伪分页效果代码

Oct 29 Javascript

JavaScript实现瀑布流布局

Jun 28 Javascript

JS生成和下载二维码的代码

Dec 07 Javascript

为Jquery EasyUI 组件加上清除功能的方法(详解)

Apr 13 jQuery

微信小程序商城项目之淘宝分类入口（2）

Apr 17 Javascript

微信小程序简单实现form表单获取输入数据功能示例

Nov 30 Javascript

JS实现将人民币金额转换为大写的示例代码

Feb 13 #Javascript

jquery清空表单数据示例分享

Feb 13 #Javascript

jquery提交form表单时禁止重复提交的方法

Feb 13 #Javascript

Jquery获得控件值的三种方法总结

Feb 13 #Javascript

巧用jquery解决下拉菜单被Div遮挡的相关问题

Feb 13 #Javascript

ListBox实现上移,下移,左移,右移的简单实例

Feb 13 #Javascript

Jquery EasyUI中弹出确认对话框以及加载效果示例代码

Feb 13 #Javascript