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弹性滑动导航菜单实现思路及代码
May 02 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
Vue中使用clipboard实现复制功能
Sep 05 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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提交form表单
2015/07/01 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
js的toUpperCase方法用法实例
2015/01/27 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
JavaScript实现移动端拖动元素
2020/11/24 Javascript
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
python 实现归并排序算法
2012/06/05 Python
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
Python读写ini文件的方法
2015/05/28 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
Python3标准库总结
2019/02/19 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
python给list排序的简单方法
2020/12/10 Python
如何用python写个模板引擎
2021/01/14 Python
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
关于Java String的一道面试题
2013/09/29 面试题
消防先进事迹材料
2014/02/10 职场文书
保险公司演讲稿
2014/09/02 职场文书
好媳妇事迹材料
2014/12/24 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
趣味运动会赞词
2015/07/22 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书