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 相关文章推荐
JavaScript中数组对象的那些自带方法介绍
Mar 12 Javascript
js实现通用的微信分享组件示例
Mar 10 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
js实现禁止中文输入的方法
Jan 14 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
在vue项目中引用Iview的方法
Sep 14 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支持页面回退的两种方法[转]
2007/02/14 PHP
什么是MVC,好东西啊
2007/05/03 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
PHP 设计模式之观察者模式介绍
2012/02/22 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
微信公众号开发之通过接口删除菜单
2017/02/20 PHP
详解php中的implements 使用
2017/06/13 PHP
新浪的图片新闻效果
2007/01/13 Javascript
javascript数组组合成字符串的脚本
2021/01/06 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
javascript-解决mongoose数据查询的异步操作
2016/12/22 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
资深地理教师自我评价
2013/09/21 职场文书
超市周年庆活动方案
2014/08/16 职场文书
庆元旦主持词
2015/07/06 职场文书
nginx反向代理配置去除前缀案例教程
2021/07/26 Servers
flex弹性布局详解
2022/03/20 HTML / CSS
Redis实战高并发之扣减库存项目
2022/04/14 Redis
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers