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 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
node.js文件的复制、创建文件夹等相关操作
Feb 05 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 magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
浅谈JS中逗号运算符的用法
2016/06/12 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
JavaScript实现音乐自动切换和轮播
2017/11/05 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
vue 子组件修改data或调用操作
2020/08/07 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python延时操作实现方法示例
2018/08/14 Python
python yield关键词案例测试
2019/10/15 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
工地安全检查制度
2014/02/04 职场文书
快餐公司创业计划书
2014/04/29 职场文书
大学生求职信范文
2014/05/24 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书
贷款收入证明格式
2015/06/24 职场文书
汶川大地震感悟
2015/08/10 职场文书
关于感恩老师的古诗句
2019/08/20 职场文书
Redis性能监控的实现
2021/07/09 Redis