不用replace方法，实现 - 只能输入数字的input

最新推荐文章于 2022-06-22 15:52:35 发布

洛克Lee

最新推荐文章于 2022-06-22 15:52:35 发布

阅读量1.4k

点赞数

分类专栏： # js基础文章标签： js 只能输入数字

欢迎转载！但不得用于商业用途，转载请注明出处，爱你哦！

本文链接：https://blog.csdn.net/brillian_green/article/details/11584983

版权

js基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

废话不多说，上代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script type="text/javascript">
//8：backspace  46：delete 37：左  39：右
/**
* onkeydown
* 只能主键盘 输入数字0-9
* 可以用'backspace' 'delete'  '<-'  '->'
*/
function numOnly(){
	if((event.keyCode<=47 &&event.keyCode!=8&&event.keyCode!=46&&event.keyCode!=37&&event.keyCode!=39) || event.keyCode>=58 ) {
		 event.returnValue=false;
	}
}
/**
* onkeydown
* 只能主键盘、小键盘 输入数字0-9
* 可以用'backspace' 'delete'  '<-'  '->'
*/
function numOnly2(){
	if((event.keyCode<=47 &&event.keyCode!=8&&event.keyCode!=46&&event.keyCode!=37&&event.keyCode!=39) || (event.keyCode>=58 && event.keyCode<=95) || event.keyCode>=106) {
		 event.returnValue=false;
	}
}
/**
* 只能输入数字0-9和 .（小数点）
* 可以用'backspace' 'delete'  '<-'  '->'
* 主键盘
*/
function numDotOnly(){
	if((event.keyCode<=47 &&event.keyCode!=8&&event.keyCode!=46&&event.keyCode!=37&&event.keyCode!=39) || (event.keyCode>=58 && event.keyCode!=190) ) {
		 event.returnValue=false;
	}
}
/**
* 只能输入数字0-9和 .（小数点）
* 可以用'backspace' 'delete'  '<-'  '->'
* 主键盘、小键盘
*/
function numDotOnly2(){
	if((event.keyCode<=47 &&event.keyCode!=8&&event.keyCode!=46&&event.keyCode!=37&&event.keyCode!=39) || (event.keyCode>=58 && event.keyCode<=95)|| (event.keyCode>=106&& event.keyCode!=110 && event.keyCode!=190) ) {
		 event.returnValue=false;
	}
}
function showKeyCode(){
	alert(window.event.keyCode) 
} 
</script>
</head>
<body>
<table>
<tr>
<td>只能主键盘输入0-9</td>
<td><input type="text" id="t1" οnkeydοwn="numOnly()"/></td>
</tr>
<tr>
<td>只能主键盘、小键盘输入0-9</td>
<td><input type="text" id="t2" οnkeydοwn="numOnly2()"/></td>
</tr>
<tr>
<td>只能主键盘输入0-9.</td>
<td><input type="text" id="t3" οnkeydοwn="numDotOnly()"/></td>
</tr>
<tr>
<td>只能主键盘、小键盘输入0-9.</td>
<td><input type="text" id="t4" οnkeydοwn="numDotOnly2()"/></td>
</tr>
</table
测试keycode<input name= "a " οnkeydοwn= "showKeyCode() " type= "text " />
</body>
</html>

直接在keydown的时候就截掉输入事件，根本不让输。

不用replace那种别扭的方法 - 输进了字母再替换掉，好丑！

洛克Lee

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
不用replace方法，实现 - 只能输入数字的input

废话不多说，上代码：/*** 只能输入数字0-9*/function kp(){ if(event.keyCode=65) { event.returnValue=false; }}/*** 只能输入数字0-9和 .（小数点）*/function kpd(){ if(event.keyCode=65 && event.keyCode!=190)) {
复制链接

扫一扫