事件概要
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 触发事件距离元素【上边框】多远