dom事件总结

事件概要

1：事件是什么
实现用户与浏览器的交互
2：事件处理函数的作用
当用户和浏览器交互时调用特定的js代码，
3：事件对象的作用
记录事件触发所有内容
4：用户和浏览器的交互过程
当用户触发事件时，浏览器会调用出特定的代码，与用户完成交互的过程

事件分类

1：window
onresize 当浏览器串口繁盛变化时候

2：鼠标
onclick、、onmouseover、
onmouseout、onmousedown、
onmouseup、onmousemove

3：键盘
keydown: 键盘按下时触发
keypress:键盘按下并松开的瞬间触发
keyup: 键盘抬起时触发
4：表单
onsubmit() 提交
onfocus() 获取焦点
5：手指头事件 touch
touchstart : 触摸开始（手指放在触摸屏上）
touchmove : 拖动（手指在触摸屏上移动）
touchend : 触摸结束（手指从触摸屏上移开）
touchenter ：移动的手指进入一个dom元素。
touchleave ：移动的手指离开一个dom元素。

事件绑定

1: 写出四种方式
1：dom +on对象

事件模式

1：什么是冒泡
以目标元素为基准，往祖籍元素中找，看是否有相同事件，如果有，
则触发 ，直到找到document位置 最先触发目标事件，在触发祖级事件
2：什么是捕获
从document 开始找，直到找到目标元素位置，如果目标元素的祖级与目标元素相同事件，则祖
籍元素时触发 先触发祖籍事件 最后触发目标元素事件
3：如何阻止冒泡
使用stopProgration阻止
4：如何阻止默认事件或浏览器默认行为
只能在浏览器中阻止 reventDefault
5：用户怎么问浏览器
通过触发等方式对浏览器进行访问
6：浏览器对用户的问题如何做出处理
通过事件处理函数 处理事件
7：怎么处理的 处理后如何响应

事件委托

1：什么是事件委托
事件委托本应该子元素处理事件，由父元素处理事件完成
2：事件委托优点是什么
只需要给一个事件处理函数就可以把所有的事件处理对象完成，对于新增事件也可以完成触发事件的委托
3：如何获取触发事件的元素
通过事件对象来获取元素

事件对象

1：IE浏览器与其他浏览器事件对象有什么区别？
ie8以下：event事件对象在window中 获取：window.event
2:怎么能够接收到事件对象
通过事件处理函数
3：event。clientX/client/pagex/pagey/x/y
event.offsetx/offsety/
event.screenx/screeny/

x pageX clientX 距离视图窗口左边多远
Y pageY clientY 距离视图窗口上面的多远
screenX 触发事件 距离屏幕左边的位置
screenY 触发事件 距离屏幕上面的位置
offsetX 触发事件 距离元素左边框多远
offsetY 触发事件 距离元素上边框多远