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 动态酷效果实现总结
Dec 27 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
Dec 01 Javascript
详解jQuery中的事件
Dec 14 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 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/12/10 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
浅析PHP 按位与或 (^ 、&amp;)
2013/06/21 PHP
php-fpm配置详解
2014/02/12 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
smarty中post用法实例
2014/11/28 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
jquery 插件学习(四)
2012/08/06 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
js密码强度校验
2015/11/10 Javascript
javascript设计模式--策略模式之输入验证
2015/11/27 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
Vue插件之滑动验证码
2019/09/21 Javascript
Python找出最小的K个数实例代码
2018/01/04 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
教你如何用python操作摄像头以及对视频流的处理
2020/10/12 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
奇怪的鱼:Weird Fish
2018/03/18 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
质检员工作总结2015
2015/04/25 职场文书
交通事故案件代理词
2015/05/23 职场文书
学困生转化工作总结
2015/08/13 职场文书