原生js只能输入文字的文本框onkeydown事件e.keyCode

每一天，每一步

于 2021-07-08 21:21:44 发布

阅读量461

点赞数

分类专栏： javaScript 文章标签： js javascript html

本文链接：https://blog.youkuaiyun.com/u010234868/article/details/118582778

版权

javaScript 专栏收录该内容

136 篇文章

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" id="inputText">
	<script>
		var inputText = document.getElementById('inputText');
		// onkeydown 键盘按下 此时输入的字符还未落入文本框
		// onkeyup 键盘弹起 此时输入的字符已经落入文本框
		inputText.onkeydown = function (e) {
			e = e || window.event;
			console.log(e.keyCode); // keyCode键盘码
			// 48-57为数字键 8为后退键
			if ((e.keyCode < 48 || e.keyCode > 57) && e.keyCode !== 8) {
				// 输入非数字 取消默认行为
				e.preventDefault();
				// return false;  // 后续代码不会执行
			}
		}		
	</script>
</body>
</html>