事件对象
1. 概念:当绑定事件的对象,在触发事件时,所发生的事情记录在一个地方,而这个地方称为事件对象。
2. 就是回调函数传过来的一个形参(标准浏览器)
IE浏览器获取事件对象的方式: window.event
兼容:
function getEvent(event){
//return event || window.event;
//arguments : 是内置的对象、伪数组,存储了传递的所有实参(实参副本)
return arguments[0] || window.event;
}
3. 事件对象内鼠标相关信息
event.clientX / event.clientY :距离浏览器可视窗口的的左上角的坐标值(可视区坐标值)
event.pageX / event.pageY :距离页面文档流(body)的左上角的坐标值(绝对坐标值) 兼容
event.offsetX / event.offsetY :距离触发元素(最近的元素)左上角的坐标值(相对坐标值)
4. 事件对象内键盘相关信息
onkeydown/onkeyup :
event.keyCode :监听整个键盘,返回大写的编码值
onkeypress :
event.keyCode || event.charCode || event.which :监听编辑键区,字母键返回大小写的编码值。
5. 组合键
event.altKey / event.shiftKey / event.ctrlKey / event.metakey :
- meta键(windows键)
- 返回true表示键按下并保持,返回false表示没有满足meta键按下并保持的情况
6. 什么时候用?
1.获取鼠标坐标值的时候
2.获取键盘编码值的时候
3.实现快捷键的时候
4.阻止事件冒泡的时候
5.阻止事件默认行为的时候
12-01
12-12
06-21
355
05-24
2671