事件

1.鼠标事件

单击事件      onclick           双击事件    ondblclick
鼠标移入事件  onmouseover       鼠标移出事件 onmouseout
鼠标按下      onmousedown       鼠标弹起     onmouseup
右键          oncontextmonu    鼠标移动事件  onmousemove
窗口滚动       window.onscroll = function(){}
元素滚动 节点  .onscroll = function(){}
页面实际高度    document.documentElement.scrollHeight
滚动距离       document.documentElement.scrollTop

注意: 若函数要执行event事件 event前别加$
key Code 可以获取键盘码注意C大写

2.键盘事件

键盘按键按下            onkeydown
键盘按键抬起            onkeyup
获取键盘值对应的ASCI值   keyCode
判断ctrl按键是否被按下   e.ctrlkey
判断shift键是否被按下    e.shiftkey

3.表单事件

onsubmit   用于在提交表单之前验证所有的表单域
onchange   用户一旦改变了域的内容,checkEmail()函数就会被调用
reset      表单的重置事件
action='./html' 指定表单提交
submit()   提交表单事件
onblur     失去焦点事件
onfocus    获取焦点事件
onreset    表单重置事件
return false   可以阻止表单事件

4.事件冒泡

1.什么是冒泡事件?

1:冒泡事件是由微软公司提出的，从触发底部事件一直延续到最外层，这个现象就是冒泡！

2:只有嵌套关系的标签和都是一样的事件才可能产生冒泡！

2.兼容

if(evt.cancelBubble){

      evt.cancelBubble=true;

}else{

      evt.stopPropagation();

}

3.阻止事件冒泡

1). evt.stopPropagation()      无法阻止 IE 低版本事件冒泡；

2). evt.cancelBubble = true    兼容 IE 低版本冒泡；

5.事件委托

1.在点击li的完毕后由于事件冒泡,会触发ul的点击事件
2.如果只给ul绑定点击事件,那么点击li的时候触发ul点击事件
3.不会for循环,降低DOM的就绪时间
4.不会再内存中存在多个功能相似的函数对象,降低内存占用空间
5.如果给document绑定点击事件,那么可以通过这个事件来管理网页中所有的该类型事件

优点: 1：提高代码性能，运行速度加快
2：节省内存空间