关于事件对象

事件在触发的一瞬间，浏览器会帮你记录一些信息（鼠标事件 触发位置）

通用的对象属性

target&&srcElement(IE中使用) 获取到当前事件的目标

currentTarget 等效于this 获取绑定事件的元素

preventDefault()&returnValue 阻止默认行为

stopPropagatii

事件对象的通用成员

target 获取当前事件中的事件目标

实际应用：event.target 事件委托：冒泡机制

currentTarget：等效于this 获取绑定事件的元素

阻止默认事件：preventDefault() a form

阻止冒泡：stopPropagation()

鼠标事件

click 鼠标的单击事件 dblclick 鼠标的双击事件

mousedown 鼠标按下事件 mouseup 鼠标抬起事件

mouseover 鼠标移入事件 会冒泡 mouseout 鼠标移出事件 会冒泡

mouseenter 鼠标移入事件 mouseleave 鼠标移出事件

mousemove 鼠标移动事件

注意： over 和 out 不会考虑子元素，从父元素移动到子元素时 对于父元素而言，离开了 over 和 out 会冒泡 会冒泡到父元素/祖先元素上 依次触发相同事件

e.bubbles 用来判断当前事件是否会冒泡

鼠标事件对象

位置：x y(坐标)

1. pageX pageY 当前鼠标距离页面的横纵坐标

2. clientX clientY 当前鼠标距离可视窗口的横纵坐标

3. screenX screenY 鼠标距离屏幕的横纵坐标

4. offsetX offsetY 鼠标距离事件目标的内边距的距离

5. movementX movementY 相对于上一次鼠标触发事件的坐标

键盘事件

• keydown 键盘按下

• keyup 键盘松开

• keypress 字符键的按下 ctrl alt shift

键盘事件对象

key 拿到键值 A -> 'A' keycode 拿到键值对应的字符编码 65 code 识别功能键的左右输入

表单事件

• focus 表单聚焦事件

• blur 表单失焦事件

• submit: 监听表单提交事件

• change：文本改变事件 失焦时才检测内容是否发生改变 select

• input：文本改变事件 实时检测 input

div.nodeType : 1 div.nodeName : 'DIV' div.nodeValue : null