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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
Jan 05 Javascript
值得分享的bootstrap table实例
Sep 22 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
vue实现图书管理系统
Dec 29 Vue.js
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
You might like
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
js数组操作学习总结
2013/11/04 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
JavaScript中获取时间的函数集
2016/08/16 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
django框架如何集成celery进行开发
2017/05/24 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
python实现对csv文件的列的内容读取
2018/07/04 Python
python使用多进程的实例详解
2018/09/19 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
培训专员岗位职责
2014/02/26 职场文书
企业安全生产规章制度
2015/08/06 职场文书
PHP策略模式写法
2021/04/01 PHP
springboot读取nacos配置文件
2022/05/20 Java/Android