键盘事件输入特定内容，其他内容反应

最新推荐文章于 2024-09-24 11:55:49 发布

优价实习

最新推荐文章于 2024-09-24 11:55:49 发布

阅读量191

点赞数

文章标签： javascript css

本文链接：https://blog.csdn.net/weixin_44828588/article/details/113967058

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css">
		#box1{
			width: 300px;
			height: 300px;
			background-color: green;
		}
		
		
	</style>
	<script type="text/javascript">
		window.onload=function(){
			
			//box1绑定单机响应函数
			var input=document.getElementsByTagName("input")[0]
			/*
			 * 当下滚，变短，反边长
			 * onmousewheel火狐不支持，火狐需要DOMMouseScroll
			 * 该事件要用addEventListener()函数绑定
			 */
			input.onmousewheel=function(event){
				event=event||window.event
				/*
				 * 键盘事件
				 * onkeydown和onkeyup
				 * 可以通过keyCode获取按键的编码
				 * altkey，ctrlkey,shiftkey三个判断alt ctrl shift是否被按下
				 * 
				 */
				
				
				/*\n
				 * 输入框指定输入特定内容如数字？其他点击无效的效果
				 */
				input.onkeydown=function(event){
					if(event.keyCode>=48&&event.keyCode<=57)
					{
						return false;
						
					}
				}
			}
			
		}
	</script>
		

		
	
	<body>
		<div id="box1">
			我是box1
		</div>
		
		<input type="text" />
		
		
	</body>
</html>