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 相关文章推荐
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
Dec 06 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
js实现背景图自适应窗口大小
Jan 10 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
JS利用cookies设置每隔24小时弹出框
Apr 20 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
小程序转发探索示例
Feb 19 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
PHP的5个安全措施小结
2012/07/17 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
用js解决数字不能换行问题
2010/08/10 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
javascript实现获取cookie过期时间的变通方法
2014/08/14 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
python实现的简单RPG游戏流程实例
2015/06/28 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
简述数据库的设计过程
2015/06/22 面试题
linux面试题参考答案(8)
2016/04/19 面试题
机械专业个人求职自荐信格式
2013/09/21 职场文书
运动会领导邀请函
2014/01/10 职场文书
趣味活动策划方案
2014/02/08 职场文书
应届生自荐信范文
2014/02/21 职场文书
失职检讨书大全
2015/01/26 职场文书
2015双创工作总结
2015/07/24 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
亲情作文之母爱
2019/09/25 职场文书
PHP基本语法
2021/03/31 PHP
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS