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 相关文章推荐
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
用p5.js制作烟花特效的示例代码
Mar 21 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
深入浅析var,let,const的异同点
Aug 07 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
微信小程序实现加入购物车滑动轨迹
Nov 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
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
Javascript注入技巧
2007/06/22 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
2015/12/02 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
2016/05/25 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
2017/09/21 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
简单介绍Python中的几种数据类型
2016/01/02 Python
Python中字典和集合学习小结
2017/07/07 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
适用于所有创业者的创业计划书
2014/02/05 职场文书
物流业务员岗位职责
2014/02/08 职场文书
做一个有道德的人演讲稿
2014/05/14 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
物业保洁员管理制度
2015/08/05 职场文书
2016年习总书记讲话学习心得体会
2016/01/20 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS