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 相关文章推荐
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
vue移动端项目缓存问题实践记录
Oct 29 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
微信小程序+云开发实现欢迎登录注册
May 24 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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聊天室技术
2006/10/09 PHP
PHP获取MAC地址的函数代码
2011/09/11 PHP
PHP 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数
2012/04/09 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
关于php支持分块与断点续传文件下载功能代码
2014/05/09 PHP
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
Open and Print a Word Document
2007/06/15 Javascript
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
AngularJS实现表单手动验证和表单自动验证
2015/12/09 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
js中数组对象去重的两种方法
2019/01/18 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
Python实现获取域名所用服务器的真实IP
2015/10/25 Python
python使用turtle库绘制时钟
2020/03/25 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
基于python生成器封装的协程类
2019/03/20 Python
详解Python传入参数的几种方法
2019/05/16 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
施工班组长岗位职责
2014/01/05 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
爱的承诺书
2015/01/20 职场文书
2015教师年度思想工作总结
2015/04/30 职场文书
理想国读书笔记
2015/06/25 职场文书
2016教师国培研修感言
2015/12/08 职场文书
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
「地球外少年少女」BD发售宣传CM公开
2022/03/21 日漫