事件

事件的分类

鼠标事件 （mouse）

点击的事件 click dblcilck mousedown mouseup

移进 mouseente

mouseover （子元素也会触发）

 

移出 mouseleave mouseout （子元素也会触发）

移动 mousemove

键盘事件 （key）

keyup 弹起

keydown 按下 keypress （字符键才触发 按下）

 

HTML事件

load 加载事件

unload 卸载

select 选择

change 修改

blur 失去焦点

focus 获取焦点

input 输入内容

scroll 滚动

submit 提交

reset 重置

 

event对象里面的属性

 

offsetX 鼠标离当前元素的X距离

offsetY 鼠标离当前元素的Y距离

clientX 鼠标离网页最左的距离 （不包含不可见部分）

clientY 鼠标离网页最顶部的距离 （不包含不可见部分）

pageX 鼠标离网页最左的距离 （包含不可见部分）

pageY 鼠标离网页最顶部的距离 （包含不可见部分）

screenX 鼠标离屏幕最左部的距离

screenY 鼠标离屏幕最顶部的距离

 

事件委托机制

将原本元素需要做的事件 交给他的父元素

1.加事件给对应的父元素

2.在父元素的事件中进行判断 e.target