代码捕捉回车键

最新推荐文章于 2025-03-17 11:19:23 发布

qq_53239252

最新推荐文章于 2025-03-17 11:19:23 发布

阅读量162

点赞数

分类专栏： Java-JS 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/qq_53239252/article/details/126266584

版权

Java-JS 专栏收录该内容

10 篇文章

订阅专栏

代码捕捉回车键

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JS代码捕捉回车键</title>
	</head>
	<body>
		<script type="text/javascript">
			window.onload = function(){
				var usernameElt = document.getElementById("username");
				// 回车键的键值是13
				// ESC键的键值是27
				/*
				usernameElt.onkeydown = function(a, b, c){
					// 获取键值
					// alert(a); // [object KeyboardEvent]
					// alert(b);
					// alert(c);
				}
				*/
			   /*
			   usernameElt.onkeydown = function(event){
			   	// 获取键值
			   	// 对于“键盘事件对象"来说,都有keyCode属性用来获取键值.
				alert(event.keyCode);
			   }
			   */
			  usernameElt.onkeydown = function(event){
				  if(event.keyCode === 13){
					  alert("正在进行验证....");
				  }
			  }
			  
			}
			
			// 张三程序员写了这样一个函数
			/*
			function sum(){
				alert("sum execute......!");
			}
			*/
		   
		   /*
		   function sum(a){
		   	// alert("sum execute......!");
			alert(a);
		   }
			
			// 李四程序员调用sum函数
			// sum();
			sum("hello world!");
			*/
		</script>
		
		<input type="text" id="username"/>
		
	</body>
</html>