今天来简单分享一下HTML事件相关部分。
事件可以用于处理表单验证,用户输入,用户行为以及浏览器动作。
那么Javascript在事件中可以做什么呢?
页面加载时触发事件
页面关闭时触发事件
用户点击按钮时执行动作
等等······
下面分享一下常见的HTML事件
onchange——HTML元素改变
onclick ——用户点击HTML元素
onmouseover——用户在一个HTML元素上移动鼠标
onmouseout——用户在一个HTML元素上移开鼠标
onkeydown——用户按下键盘
onload ——浏览器已完成页面的加载
下面分享一个简单的小案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<button onmouseover="displayDate()"onkeydown="missDate()" onmouseout="missDate()">放这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
function missDate(){
document.getElementById("demo").innerHTML='';
}
</script>
<p id="demo"></p>
</body>
</html>
加油!!!
菜鸟学习之Javascript
最新推荐文章于 2025-04-26 15:57:22 发布