《视频24》键盘

最新推荐文章于 2024-01-18 23:38:20 发布

原创最新推荐文章于 2024-01-18 23:38:20 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

26 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的键盘事件onkeydown来阻止输入框输入数字。通过监听键盘事件，检查event.keyCode，结合altKey、ctrlKey和shiftKey属性，可以实现对特定按键的阻止。示例代码展示了如何在输入框中阻止用户输入数字，从而确保输入内容的格式正确。

键盘事件

键盘事件一般绑定给可以获取焦点的对象，或者document

onkeydown按键被按下，如果按着不松手，事件会连续一直触发
onkeyup按键被松开

通过event.keyCode可以获取按键的编码

除了keyCode，事件对象还提供了几个属性

altKey
ctrlKey
shiftKey

通过这三个属性可以判断，alt、ctrl和shift是否被按下，如果按下则返回true，否则返回false

不能输入数字的输入框：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				var input = document.getElementsByTagName("input");
				var input1 = input[0];
				
				input1.onkeydown = function(event){
					//返回按键的编码
					console.log(event.keyCode);
					// 使输入框不能输入数字
					if((event.keyCode >= 48 && event.keyCode <=57) || (event.keyCode >= 96 && event.keyCode <=105) ){
						//取消默认行为
						return false;
					};
				};
			};
		</script>
		
		
	</head>
	<body>
		<input type="text" name="" id="" value="" />
	</body>
</html>