dom

事件概要

1：事件是什么？
实现用户和浏览器的交互

2.事件处理函数的作用？
对指定事件绑定事件处理函数
给他回复 事件处理函数

3.事件对象的作用？
用户 问 了什么

4.用户和浏览器交互的过程
用户点击 浏览器回复 运行

###事件分类
1：window
onresize 当浏览器串口繁盛变化时候

2.鼠标
鼠标按下.onmousedown
鼠标松开按钮 .onmouseup
3.键盘
松开按键时候.onkeyup

4.表单
form 表单有默认事件；例如 提交 onsubmit()h
5.触摸事件 touch

###事件绑定
1：写出四种方式
绑定事件监听函数 DOM元素中直接绑定 在JavaScript代码中绑定

###事件模式
1.神魔是冒泡

• 以自标元素为基础;往祖籍元素中;看是否有相同事件:如果有，则一并触发,直到找到document位置

2.什么是捕获

• 从document 开始找，直到找到元素目标元素位置，如果目标元素的祖籍有与目标元素相同事件，则祖籍 元素触发 ，先触发祖籍元素事件，最后触发目标元素事件

3.如何阻止冒泡
使用event.stopPropagation()起到阻止捕获和冒泡 使用事件对象阻止冒泡行为

4.如何阻止默认事件或浏览器默认行为
preventDe 阻止浏览器默认行为兼容性处理

5.用户怎么问的浏览器？

6.浏览器对用户的问题如何做出处理

7.怎么处理的，处理后如何响应的?

###事件委托
1.什么是事件委托

• 事件委托本应该子元素处理事件:由父元素处理事件完成

2.事件委托的优点试什么
只在内存中开辟了一块空间，节省资源同时减少了dom操作，提高性能

3.如何获取触发事件的元素

###事件对象
1: ie浏览器 与其他浏览器事件对象有什么区别?
别的浏览器处理方法都一样，就是IE处理事件方法不一样，所以要兼容他

3: event. clientx/ clientY/ pageX/ pageY/x/Y
event . offsetx/offsetY
event . screenX/ screenY

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