实现只能输入数字的input不用replace方法
更新时间：2013年09月12日 08:57:34 作者：
只能输入数字在以往都是使用replace方法实现的，在本文你将学习到不使用它依然可以实现，具体代码如下，感兴趣的朋友可以参考下
废话不多说，上代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script type="text/javascript">
/**
* 只能输入数字0-9
*/
function kp(){
if(event.keyCode<=47 || event.keyCode>=65) {
event.returnValue=false;
}
}
/**
* 只能输入数字0-9和 .（小数点）
*/
function kpd(){
if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) {
event.returnValue=false;
}
}
</script>
</head>
<body>
这个input只能输入0-9<input type="text" id="t1" onkeydown="kp()"/><br/>
这个input只能输入0-9.<input type="text" id="t2" onkeydown="kpd()"/>
</body>
</html>
直接在keydown的时候就截掉输入事件，根本不让输。
不用replace那种别扭的方法 - 输进了字母再替换掉，好丑！
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script type="text/javascript">
/**
* 只能输入数字0-9
*/
function kp(){
if(event.keyCode<=47 || event.keyCode>=65) {
event.returnValue=false;
}
}
/**
* 只能输入数字0-9和 .（小数点）
*/
function kpd(){
if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) {
event.returnValue=false;
}
}
</script>
</head>
<body>
这个input只能输入0-9<input type="text" id="t1" onkeydown="kp()"/><br/>
这个input只能输入0-9.<input type="text" id="t2" onkeydown="kpd()"/>
</body>
</html>
直接在keydown的时候就截掉输入事件，根本不让输。
不用replace那种别扭的方法 - 输进了字母再替换掉，好丑！
相关文章
BMI指数计算器相信大家都用过，那用JavaScript怎么实现呢？其实很简单，这篇文章给出了实例代码，有需要的可以参考学习。2016-08-08
本文给大家汇总了一下javascript的数组排序算法，包括冒泡排序、快速排序、插入排序、希尔排序，希望对大家熟悉javascript数组排序能够有所帮助。2015-07-07
这篇文章主要为大家详细介绍了微信小程序WebSocket实现聊天对话功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
类型守卫是TypeScript中特有的用于在运行时检查类型的方式,它显式的将javascript代码按类型划分,从而确保了运行安全,下面我们就来简单聊聊TypeScript中的4种类型守卫吧2023-08-08
这篇文章主要想和大家分享一些JavaScript开发中会用到的小技巧，本文主要介绍了js获取最近7天的日期，判断当前日期时间大于指定日期时间等内容，需要的可以参考一下2023-04-04
这篇文章主要介绍了JS简单随机数生成方法,通过javascript自定义函数演示了随机数的生成方法,需要的朋友可以参考下2016-09-09
Microsoft Ajax Minifier 压缩javascript的方法
使用Microsoft AJAX 库 (第六个预览版) 其中有一个 ajaxmin.exe 可以压缩Js文件可以在dos 命令下 /? 查看其参数说明。2010-03-03
js写的分页在网上可以搜到很多的文章，在也为大家介绍一个，喜欢的的朋友可以参考下2013-12-12
这篇文章主要介绍了JavaScript 高性能数组去重的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
下面小编就为大家带来一篇JS 数字转换为大写金额的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论