JavaScript事件处理知识梳理（中）

Jacob.Dev

于 2020-07-15 00:11:45 发布

阅读量94

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_47459990/article/details/107340021

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JavaScript事件处理知识梳理

键盘事件：键盘事件指有关键盘操作所触发的事件，主要包括按下键盘的字符键、按下任意键、键盘键抬起时触发的事件。有关键盘事件如下表所示：

方法	描述
onkeydown	按下键盘任意键触发。按住不放，会重复触发
onkeypress	按下键盘字符键触发，按住不放，会重复触发
onkeyup	键盘键抬起时触发

<!DOCTYPE HTML>
<html>
	<head>
		<title>键盘事件</title>
		<meta charset = "utf-8" />
		<meta name="aothor" content = "XiaoYa" />
		<script type = "text/javascript">
			var a = 0;
			function fun1(){
				a++;
				document.getElementById("s").innerHTML = a;
				window.alert("键盘事件已释放！");
			}
		</script>
	</head>
	<!--
		onkeydown------- 当用户按下任意一个键盘时触发
		onkeypress------ 当用户按下除了功能键意外的按键时触发
		onkeyup -------- 当用户释放键盘上的任意一个按键时触发

	-->
	<body>
		<textarea onkeyup="fun1()" cols="100" rows="15" style=""></textarea>
		<div id="s" style="width:700px;height:200px; border:4px solid red"></div>
	</body>
</html>

页面事件：当页面内容加载完后触发。

方法	描述
onloand	当页面内容加载完成后触发

<!DOCTYPE HTML>
<html>
	<head>
		<title>页面事件</title>
		<meta charset="utf-8" />
		<meta name = "author" content="Yakup" />
		<script type="text/javascript">
			function fun1(){
				window.alert("页面加载完毕！");
			}
		</script>
	</head>
	<body onload="fun1()">
	</body>
</html>