HTML事件：
HTML事件是发生在HTML元素上的 “事情”，常见的有下面这些
事件名说明
onclick 鼠标单击事件
onblur 元素失去焦点
onfocus 元素获得焦点
onchange 下拉框值发生改变
onload 某个页面或图像被完成加载
onsubmit 当表单提交时触发该事件
onkeydown 某个键盘的键被按下
onmouseover 鼠标被移到某元素之上
onmouseout 鼠标从某元素移开
事件绑定
通过事件，可以将HTML上的元素跟函数绑定在一起来完成一些具体的功能，绑定方式有两种
​
<input type="button" value="按钮1" onclick="tan()"> <br>
<input type="button" value="按钮2" id="btn"> <br>
<!-- 事件绑定有两种方式: 1. 通过 HTML标签中的事件属性进行绑定 2. 通过 DOM 元素属性绑定
-->
<script> //1. 通过 HTML标签中的事件属性进行绑定 function tan() { alert('按钮1被点击了!'); }
​ //2. 通过 DOM 元素属性绑定 //document.getElementById("btn") 获取页面上的指定元素 document.getElementById("btn").onclick = function () { alert('按钮2被点击了!'); }
</script>
​
</body>
</html>
​页面交互
给页面表单控件绑定对应事件，实现交互功能
<!-- 常用事件: 1. onfocus 获取焦点 2. onblur 失去焦点 3. onchange 表单控件的值改变时 4. onclick 鼠标单击 5. onload 页面加载完成 -->