事件对象

事件对象——Even?‍?

一、概念：?
当事件发生的时候产生事件对象，事件结束后对象销毁，比如在键盘上按了一A键，按的时候产生事件，按完后事件销毁。如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态

二、作用：?
事件对象只有事件发生时才会产生，事件主要实现“用户和网页之间的交互”，当事件被触发的时候去执行js代码在所有事件处理函数运行结束后，事件对象就被销毁.

三、过程：?
事件源:发生事件的起源,元素
事件类型:事件种类,是什么事件(点击)
事件处理函数:触发事件的时候,专门用来处理事情的函数
事件的授权:浏览器给的

去把生番给我做了,记住制造成自杀的假象❤

老大说，给你配个对象兼秘书，叫event(伊文)

比较羞涩，用的时候，得叫她出来，平时需要隐藏起来

老大是浏览器
生番是事件源,因为他，你要XX,事情发生在他身上
事件类型:就是灭了他,自杀的方式灭,不是去收保护费
事件处理函数:就是你,怎么达到效果
事件授权:老大
事件对象:保镖,就是事件对象，向你提供完成这件事的所有帮助,每做一件 事，老大给配不同的秘书 / 每个事件都有不同的事件对象

四、事件的分类
1、鼠标事件
onclick 鼠标单
ondblclick 鼠标双击（必须连续点击两下）
onmouseover 鼠标移入，即鼠标停留在图片等的上方（一次）
onmouseout 鼠标移出，即离开图片等所在的区域（一次）
onmousemove 鼠标移动，即鼠标在图片的上方不断移动（多次）
onmouseup 事件会在鼠标按键被松开时发生。
onmousedown 事件会在鼠标按键被按下时发生。

2、页面事件
onload 网页内容加载/运行完毕之后调用/执行函数里面的内容
onresize 当浏览器的窗口大小被改变时触发的事件

3、表单事件
onblur 指定元素失去焦点（光标没了）
onfocus 指定元素获取焦点（点击出现光标）
onreset 重置表单的时候触发事件，执行对应的js功能
onsubmit 提交表单的时候触发事件，执行对应的js功能
onchange 下拉菜单改变时候触发

五、event事件对象属性

例: event的获取
var pObj = document.getElementById(‘text’);
// 在事件触发的时候,产生
pObj.onclick = function(event){
console.log(event);
}

老大给的美女event可以做什么呢?

属性	说明
event.type	type属性指示事件类型。
event.which	which 属性指示按了哪个键或按钮。
event.clientX	鼠标指针相对于浏览器页面（或客户区）的X轴坐标。
event.clientY	鼠标指针相对于浏览器页面（或客户区）的Y轴坐标。
event.screenX	鼠标指针距离屏幕左边的距离。
event.screenY	鼠标指针距离屏幕上边的距离。
event.button	返回值为0，左键；返回值为1，中键；返回值为2，右键
event.offsetX	当鼠标事件发生时，鼠标相对于事件发生元素左边的位置
event.offsetY	当鼠标事件发生时，鼠标相对于事件发生元素顶部的位置
event.pageX	当鼠标事件发生时.相对于文档窗口顶部的位置
event.pageY	当鼠标事件发生时.相对于文档窗口左边的位置

此时可视窗口与文档窗口重叠，pageX等于clientX, pageY等于clientY, 如果我们缩小浏览器窗口直到浏览器出现滚动条。此时可视窗口左上角位置不变，但文档窗口左上角位置发生的变化.

由此我们可以看出当浏览器没有滚动条时（可视窗口与文档窗口重合），pageX与clientX相等，pageX与clientY相等，如果出现下拉滚动条并向下拉动滚动条，文档窗口向上滚动，如果出现左右滑动的滚动条并向右拉动滚动条，文档窗口向左滚动，在文档窗口滚动的情况下，pageX>=clientX, pageY>=clientY, x = clientX, y = clientY.
?‍?小心行事：
早期的浏览器中,在IE/Opera中，是window.event，而在Firefox中，是event。✔?