###js中的事件
- 什么是事件:一些特定的时间点,事件包括,状态改变事件,鼠标事件,键盘事件
- 鼠标事件:onclick(点击事件) onmouseover(鼠标移到元素上的时候) onmouseout(鼠标移出元素的时候) onmousedown(在元素上鼠标按下的时候) onmouseup(在元素上鼠标松手的时候) onmousemove(在元素上鼠标移动的时候)
- 状态改变事件:onload(页面加载完成) onchange(当value值发生改变的时候) onblur(失去焦点的时候) onfocus(得到焦点的时候) onsubmit(表单提交的时候)
- 键盘事件:onkeydown(键盘按下) onkeyup(键盘抬起)
####事件的绑定
- 直接在元素内部通过事件属性添加 在事件函数中的this代表的是window对象
- 事件动态绑定 在事件函数中的this代表的是元素本身
####事件的取消
- 在事件的return false可以取消当前事件
####事件对象event
- event对象中保存着和事件相关的信息:
- 在鼠标事件中可以获取坐标 event.clientX/Y
- 在鼠标事件中可以获取按下键的字符编码 event.charCode/which
- 可以通过event对象得到事件源对象
var obj = event.target|| event.srcElement
###事件的传递(事件冒泡)
- 停止事件传递
event.stopPropagation();