1.事件类型
JavaScript可以处理的事件类型为：鼠标类型、键盘类型和HTML类型！（注意：所有的事件处理函数都由两个部分组成，on+事件名称。 ）
1.1、鼠标事件
click： 单击鼠标按钮时触发；
dblclick：当用户双击主鼠标按钮时触发；
mousedown： 当用户按下鼠标还未弹起时触发；
mouseup： 当用户释放鼠标按钮时触发；
mouseover： 当鼠标移到某个元素上方时触发；
mouseout： 当鼠标移出某个元素上方时触发；
mousemove：当鼠标指针在元素上移动时触发；
mouseenter： 在鼠标光标从元素外部首次移动至元素范围内触发，不参与冒泡；
mouseleave：鼠标移出；
1.2、键盘事件
keydown： 当用户按下键盘上任意键时触发，如果按住不放，会重复触发；
keyup： 当用户释放键盘上的键触发；
keypress： 当用户按下键盘上的字符键时触发，如果按住不放，会重复触发；
1.3、HTML类型
load： 当页面完全加载后在window上面触发，或当框架集加载完毕后在框架集上触发；
unload： 当页面完全卸载后在window上面触发，或当框架集卸载后在框架集上触发；
select： 当用户选择文本框（input或textarea）中的一个或多个字符触发；
change： 当文本框（input或textarea）内容改变且失去焦点后触发；
input： 输入；
focus： 当页面或者元素获得焦点时在window及相关元素上面触发；
blur： 当页面或元素失去焦点时在window及相关元素上触发；
submit： 当用户点击提交按钮在
元素上触发；reset： 当用户点击重置按钮在元素上触发；
resize： 当窗口或框架的大小变化时在window或框架上触发；
scroll： 当用户滚动带滚动条的元素时触发；
2.js事件和jQuery事件的区别
有本质上的区别，语法上的区别，和JavaScript对象和JQuery对象的方法不能混用。
2.1、本质上的区别
2.1.1、JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。
2.1.2、JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。
2.2、语法上的差异
2.2.1、1.操作元素节点
2.2.2、操作属性节点
2.2.3、操作文本节点
2.2.4、操作css样式的时候
2.2.5、操作层次节点
2.2.6、给一个节点绑定事件
2.2.7、JQuery的文档就绪函数和window.onload的区别
2.3、JavaScript对象和JQuery对象的方法不能混用。
2.3.1、JavaScript对象和JQuery对象
① 使用$("")取到的节点为JQuery对象，只能调用JQuery方法，不能调用JavaScript方法；
* $("#div").click(function(){})√
* $("#div").onclick = function(){}× 使用JQuery对象调用JavaScript方法
*
* 同理，使用、document.getElement系列函数取到的对象为JavaScript对象，也不能调用JQery函数
2.3.2、JavaScript对象和JQuery对象互转
*① JQuery ---> JavaScript :使用get(index)或者[index]选中的就是JavaScript对象
* $("div").get(0).onclick = function(){}
* $("div").[0].onclick = function(){}
* ② JavaScript ---> JQuery :使用$()包裹JavaScript对象 (我们发现JQuery不管获得几个对象都是一个数组，可以直接给整个数组都添加某一事件)
* var div = document.getElementById("div");
* $(div).click(function(){});
3.事件对象（事件的常用属性和方法）
| 事件对象属性方法 | 说明 |
|---|---|
| e.target | 返回触发时间的对象 标准 |
| e.srcElement | |
| e.type | |
| e.cancelBubble | |
| e.returnValue | |
| e.preventDefault() | |
| e.stopPropagation() |
\
