HTML中的事件属性大全

最新推荐文章于 2024-04-07 16:33:25 发布

Z_DZ

最新推荐文章于 2024-04-07 16:33:25 发布

阅读量360

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_38006520/article/details/80955942

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>
	<head>
		<title></title>
		<meta charset="utf-8"  />
		
		<script>
			function a(){
				alert("事件响应");
			}
			
			function b(){
				alert("页面加载之后立即执行");
			}
			
			function c(){
				alert("页面关闭之后立即执行");
			}
		</script>
	</head>
	
	<body onload="b()" onunload="c()"> 			<!--页面加载之后-->  <!--页面退出之后-->
		<div style="background-color:blue;width:100px;height:100px" onclick="a()">onclick</div><br/>				<!-- 鼠标点击区域 -->
		<div style="background-color:blue;width:100px;height:100px" ondblclick="a()">ondblclick</div><br/>			<!-- 鼠标双击区域 -->
		<div style="background-color:blue;width:100px;height:100px" onmousemove="a()">onmousemove</div><br/>		<!-- 鼠标划过区域 -->
		<div style="background-color:blue;width:100px;height:100px" onmousedown="a()">onmousedown</div><br/>		<!-- 鼠标按下 -->
		<div style="background-color:blue;width:100px;height:100px" onmouseup="a()">onmouseup</div><br/>			<!-- 松开鼠标 -->
		<div style="background-color:blue;width:100px;height:100px" onmouseover="a()">onmouseover</div><br/>		<!-- 鼠标移动到区域 -->
		<div style="background-color:blue;width:100px;height:100px" onmouseout="a()">onmouseout</div><br/>			<!-- 鼠标离开区域 -->
		
		
		<div style="background-color:blue;width:400px;height:100px" onkeypress="a()">
			onkeypress:<input type="text" >
		</div><br/>		<!-- 键盘按键被按下并释放一个键时发生(需要先聚焦) -->
		
		<div style="background-color:blue;width:400px;height:100px" onkeydown="a()">
			onkeydown:<input type="text" >
		</div><br/>		<!-- 键盘按键被按下(需要先聚焦) -->
		
		<div style="background-color:blue;width:400px;height:100px" onkeyup="a()">
			onkeyup:<input type="text" >
		</div><br/>		<!-- 键盘按键被松开(需要先聚焦) -->
		
		
		
		
	</body>
</html>

Z_DZ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML中的事件属性大全

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8" /&gt; &lt;script&gt; function a(){ alert("事件响应"); }
复制链接

扫一扫

专栏目录