Web从小白到大神Day11 2020.10.16

最新推荐文章于 2020-10-20 11:33:02 发布

原创最新推荐文章于 2020-10-20 11:33:02 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

Web前端学习专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在JavaScript中捕获回车和Esc键事件，以及两种不同形式的for循环遍历数组的方法。示例代码展示了如何为输入框添加键盘事件监听，当按下回车键时触发验证提示。此外，还详细讲解了传统for循环和for...in循环在遍历数组时的区别和用法。

一.JS捕捉回车和Esc事件

<!DOCTYPE html>
<html>
 
	<head>
		<title>捕捉回车键</title>
	</head>
	<body>
			<input type="text" id="myText"/>
			<script type="text/javascript">
				window.onload=function(){
					function sayHello(event){
						//event可以获取键值
						alert("hello");
					}
					//document.getElementById("myText").οnkeydοwn=sayHello;

					//获取键值
					//esc键值是27
					//回车键值是13
					document.getElementById("myText").onkeydown=function(event){
						//alert(event.keyCode);
						if(event.keyCode === 13){
							alert("正在进行验证");
						}
					}
				}
			</script>
			
	</body>
</html>

二.JS中的for循环

<!DOCTYPE html>
<html>
 
	<head>
		<title>for</title>
	</head>
	<body>
			<script type="text/javascript">
				//JS中数组的定义
				var array = [true,false,1,0.5,"abc"];//元素个数随意，类型都可以
				//老版本的for
				for(var i = 0;i < array.length;i++){
					alert(array[i]);
				}

				//新版本的for
				for(var i in array){
					//i是数组元素的下表
					alert(i);
					alert(array[i]);	
				}
			</script>
			
	</body>
</html>