版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/clirus/article/details/68922060
1、常用事件
当页面加载完成时会触发onload事件，当点击鼠标的时候会触发onclick事件等等；
常用事件：
| 事件类型 | 事件描述 |
|---|---|
| onabort: | 对象载入被中断时触发； |
| onblur: | 元素或窗口本身失去焦点时触发； |
| onchange: | 改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生改变时触发； |
| onerror: | 出现任何错误时触发； |
| onfocus: | 任何元素或窗口本身获得焦点时触发； |
| onkeydown: | 键盘键（包括shift alt等）被按下时触发； |
| onkeypress: | 键盘被按下并产生一个字符时触发，也就是说按下shit、alt等不会触发； |
| onkeyup: | 释放键盘上的按键时触发； |
| onload: | 页面完全载入后触发； |
| onunload: | 页面完全卸载后触发； |
| onclick: | 点击鼠标左键时触发，当光标的焦点在按钮上并按enter按键时也会触发； |
| ondblclick: | 双击鼠标左键时触发； |
| onmousedown: | 单击任何一个鼠标按键时触发； |
| onmousemove: | 鼠标在某个元素上移动时持续触发； |
| onmouseout: | 鼠标从制定的元素上移开时触发； |
| onmouseover: | 鼠标移到某个元素上时触发； |
| onmouseup: | 释放任意一个鼠标按键时触发； |
| onreset: | 单击重置按钮时，在上触发； |
| onresize: | 窗口或框架的大小发生改变时触发； |
| onscroll: | 在任何带滚动条的元素或窗口上滚动时触发； |
| onselect: | 选中文本时触发； |
| onsubmit: | 单击提交按钮时触发，在上触发； |
2、事件处理
事件处理程序是用于响应某个事件而执行的处理程序，事件处理程序可以是任何的JavaScript语句，一般用JavaScript函数处理。
- 第一种方式：在html中调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" name="save" value="保存" id="saveId" onclick="save()">
<script type="text/javascript">
function save() {
// body...
alert("保存按钮被点击");
}
</script>
</body>
</html>- 第二种方式：在JavaScript中调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" name="save" value="保存" id="saveId" >
<script type="text/javascript">
var bt_save=document.getElementById('saveId');
bt_save.onclick=function () {
// body...
alert("保存按钮被点击");
}
</script>
</body>
</html>