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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
Oct 21 Javascript
javascript打印输出json实例
Nov 11 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
vue实现文件上传功能
Aug 13 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 Javascript
JS实现页面侧边栏效果探究
Jan 08 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
Discuz 模板引擎的封装类代码
2008/07/18 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
JavaScript实现文件下载并重命名代码实例
2019/12/12 Javascript
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
python实现决策树分类(2)
2018/08/30 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
python Kmeans算法原理深入解析
2019/08/23 Python
Python实现TCP通信的示例代码
2019/09/09 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
大学活动策划书范文
2014/01/10 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
公司的力量观后感
2015/06/05 职场文书
运动会广播稿50字
2015/08/19 职场文书
SpringBoot SpringEL表达式的使用
2021/07/25 Java/Android