实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
</head>
<body onload="loadWindow()">
<!-- onclick点击事件-->
<button onclick="test()" onmouseout="move()">按钮</button>
<!--常用事件类型-->
<!--onblur事件:失焦事件-->
<!-- onfocus事件:聚焦事件-->
姓名:<input type="text" onblur="aa()" onfocus="bb()" />
城市:<select onchange="charcity()"><!-- 下拉框 -->
<option >北京</option>
<option >上海</option>
<option >深圳</option>
</select>
<!-- 鼠标离开按钮-->
</body>
<script type="text/javascript">
function loadWindow(){
console.log("文档加载内容...")
}
function test(){
console.log("被点击了...")
}
function aa(){
console.log("失去焦点了")
}
function bb(){
console.log("聚焦了")
}
function charcity(){
console.log("值改变了")
}
function move(){
console.log("鼠标离开了")
}
</script>
</html>