谈谈HTML时间

当用户点击鼠标时 -->>onclick()事件
当网页已加载时
当图像已加载时
当鼠标点击和松开时 -->>onmousedown()事件 和 onmouseup()事件
如：
<div style="width:400px;height:100px;background-color:green;padding:10px;color:red" onmousedown="myOver(this)" onmouseup="myOut(this)">请点击</div>
<script>
function myOver(obj){
obj.innerHTML = "请点击这里";
obj.style.backgroundColor = "yellow";
}
function myOut(obj){
obj.innerHTML = "继续点击";
//obj.style.backgroundColor = "red";
}
</script>
当鼠标移入或者移除元素时-->>onmouseover()事件 和 onmouseout()事件
如：
<div style="width:400px;height:100px;background-color:black;padding:10px;color:red" onmouseover="myOver(this)" onmouseout="myOut(this)">鼠标移入</div>
<script>
function myOver(obj){
//obj.innerHTML = "谢谢";
obj.style.backgroundColor = "yellow";
}
function myOut(obj){
//obj.innerHTML = "鼠标移入";
obj.style.backgroundColor = "red";
}
</script>
当输入字段被改变时-->>onchange()事件
如：
<input id="demo" type="text" onchange="myFunction()">
<script>
function myFunction(){
var x = document.getElementById("demo").value;
alert(x);
}
</script>

当输入字段时-->>onfocus()事件
如： 改变输入框的背景颜色

当提交 HTML 表单时
当用户触发按键时