29 事件对象

29 事件对象

事件对象

概念

事件对象： 当事件发生的时候，浏览器会将相关事件的信息存储在一个对象中，这个对象就是事件对象

事件相关 鼠标相关

ie/chrome/高版本ff: window.event

低版本ff: 事件处理函数的第一个形参

document.onclick = function(ev){
    console.log(window.event); // MouseEvent
    // console.log(ev);
    // 事件对象兼容
    var evs = window.event || ev;
    // 模拟滚动条  查看大图
}

事件对象属性

console.log(evs.type); // 事件类型  click
// console.log(evs.target, evs.srcElement); // 事件源 触发源  ie8: undefined srcElement: 触发源
var tar = evs.target || evs.srcElement;
console.log(tar);
console.log(evs.clientX, evs.clientY); // 鼠标相对于屏幕可视区域的左上角的距离 x--水平 y--垂直
console.log(evs.pageX, evs.pageY); // 鼠标距离页面(body)左上角的距离
console.log(evs.ctrlKey, evs.altKey, evs.shiftKey); // 返回布尔值  事件发生的时候，对应的键是否被按下  true--按下   false--没有按下