js在输入框屏蔽按键,只能键入数字的示例代码

 更新时间:2014年01月03日 08:48:33   作者:  
本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

<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事件将不会被触发,并且输入框中也不会有用户刚按下的这个字符,从而实现了屏蔽某些字符的目的。了解了这一事件触发原理,思想上应当有所延伸(比如鼠标的几个事件也会是这样的机制)...

相关文章

  • 如何去除js中的json存在的转义字符\问题

    如何去除js中的json存在的转义字符\问题

    这篇文章主要介绍了如何去除js中的json存在的转义字符\问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • JSP基于Bootstrap分页显示实例解析

    JSP基于Bootstrap分页显示实例解析

    这篇文章主要为大家详细介绍了JSP基于Bootstrap分页显示实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • js中的数组对象排序分析

    js中的数组对象排序分析

    这篇文章为大家分析一下js中的数组对象排序的一些知识,方便大家在以后使用中知道这些排序的原理
    2018-12-12
  • JS实现仿苹果底部任务栏菜单效果代码

    JS实现仿苹果底部任务栏菜单效果代码

    这篇文章主要介绍了JS实现仿苹果底部任务栏菜单效果代码,可实现鼠标滑过显示大图标功能,涉及javascript鼠标事件及页面元素遍历并修改属性的技巧,需要的朋友可以参考下
    2015-08-08
  • layui 上传插件 带预览 非自动上传功能的实例(非常实用)

    layui 上传插件 带预览 非自动上传功能的实例(非常实用)

    今天小编就为大家分享一篇layui 上传插件 带预览 非自动上传功能的实例(非常实用),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript降低代码圈复杂度优化技巧

    JavaScript降低代码圈复杂度优化技巧

    当一个项目经过持续迭代,不断增加功能,逐渐变成一个复杂的产品时,新功能的开发变得相对困难,其中一个很大的原因是代码复杂度高,导致可维护性和可读性都很差,本文将从前端JavaScript的角度出发,介绍一些有效的方法和技巧来优化前端代码的圈复杂度
    2023-10-10
  • IE和Firefox下javascript的兼容写法小结

    IE和Firefox下javascript的兼容写法小结

    学习js的朋友必须要知道或了解的知识
    2008-12-12
  • JavaScript 如何在浏览器中使用摄像头

    JavaScript 如何在浏览器中使用摄像头

    这篇文章主要介绍了JavaScript 如何在浏览器中使用摄像头,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • JavaScript制作windows经典扫雷小游戏

    JavaScript制作windows经典扫雷小游戏

    扫雷是一款相当大众的小游戏,游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷。今天我们来看看如何使用javascript来实现这款小游戏
    2015-03-03
  • JavaScript Canvas绘制圆形时钟效果

    JavaScript Canvas绘制圆形时钟效果

    这篇文章主要为大家详细介绍了JavaScript Canvas绘制圆形时钟效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论