js在输入框屏蔽按键,只能键入数字的示例代码


Posted in Javascript onJanuary 03, 2014
<script language="javascript">
function GetInput(){//屏蔽非数字和非退格符
    var k = event.keyCode;   //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←
    if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){
     return true;
    } else {
     return false;
    }
}
function Set(obj){
   //即时处理输入框的内容,比如进行某些运算
}
</script>
<input type='text' value='1' onkeydown='return GetInput()' onkeyup='Set(this)' >

技术要领:onkeydown事件先于onkeyup事件被触发;当onkeydown事件return false时onkeyup事件将不会被触发,并且输入框中也不会有用户刚按下的这个字符,从而实现了屏蔽某些字符的目的。了解了这一事件触发原理,思想上应当有所延伸(比如鼠标的几个事件也会是这样的机制)...
Javascript 相关文章推荐
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
JS实现拖动示例代码
Nov 01 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
第一篇初识bootstrap
Jun 21 Javascript
浅谈mint-ui loadmore组件注意的问题
Nov 08 Javascript
JS删除String里某个字符的方法
Jan 06 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 #Javascript
使用js完成节点的增删改复制等的操作
Jan 02 #Javascript
js实现动态改变字体大小代码
Jan 02 #Javascript
js创建元素(节点)示例
Jan 02 #Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 #Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 #Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 #Javascript
You might like
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
2019/08/27 jQuery
JS实现容器模块左右拖动效果
2020/01/14 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
python根据日期返回星期几的方法
2015/07/06 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
python实现教务管理系统
2018/03/12 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
Numpy之文件存取的示例代码
2018/08/03 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
浅谈Python 参数与变量
2020/06/20 Python
美国滑板店:Tactics
2020/11/08 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
十八大闭幕感言
2014/01/22 职场文书
七年级地理教学反思
2014/01/26 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
小学教育见习报告
2014/10/31 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书