<!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>
第一天，html5之事件属性
猜你喜欢
转载自blog.csdn.net/qq_38006520/article/details/80955942
今日推荐
周排行