DOM

事件流
事件流意味着页面上不止一个元素可响应相同的事件。如：的那个我们点击页面上的按钮时，实际上我们是点击了按钮。以及按钮的容器-整个页面。
不同的浏览器有不同的实现事件流的方法。
事件冒泡IE
事件捕获NetsCaps
DOM事件流FireFox 事件处理




现代事件处理与传统事件处理的区别在于现代事件处理额可以一个事件添加多个事件处理函数。
传统事件处理支持所有浏览器，而现代事件处理要考虑兼容性问题。




兼容性问题的解决


if(document.addEventListener){
div1.addEventListener("click",click1,false);
}else if(document.attachEvent){
div1.attachEvent("onclick",click1)
}


事件处理程序的返回值


event对象
event的属性和方法
Dom和even的相同点
获取事件类型:e.type
获取键盘吗:keywodn/keyup
检测是否按下e.shiftKey,e.altKey,e.ctrlKey
获取客户坐标e.cclientX,e.clientY
获取屏幕坐标e.screenX,e.screenY
不同点 Dom
获取事件源   e.srcElement    
获取字符码 e.keyCode
阻止默认行为 e.returnValue=false
中止冒泡传播 e.cancelBubble=true








事件类型
鼠标事件
键盘事件
表单事件
HTML事件
其他类型事件


onclick 当用户点击某个对象
oncontextmenu 在用户鼠标右键打开上下文菜单时触发
ondblclick 在用户双击某个对象时调用
onmousedown 鼠标按钮被按下
onmouseenter 当书包指针移动到元素上触发
onmouseleave 当鼠标指针移出元素
onmousemove 鼠标被移动
onmouseover 鼠标从某元素移开
onmouseup 鼠标按键被松开






键盘
onkeydown 某个按键被按下
onkeypress 按键按下并松开
onkeyup 按键被松开
事件发生顺序
字符键 keydown keypress keyup
非字符键keydown keyup


表单事件
onblur 元素失去焦点时触发
onchange 该事件在表单元素的内容改变时触发<input><keygen><seled>和<textarea>
onfoucus 元素获取焦点触发
onfocusin 元素即将获取焦点触发
onfocusout 元素数去焦点触发
oninput 元素获取用户输入触发
onreset 表单重置时触发
onsearch 用户想搜索域输入文本触发<input=search>
onselect 用户选取文本触发
onsubmit 表单提交时触发






常见事件
onabort 图像的加载被中断
onbeforeunload 改时间在即将离开页面或刷新或关闭时触发
onerror 在加载文档或图像时发生错误
onhashchange 在当前的URL的锚部分发生修改时触发
onload 一张页面或衣服图像完成加载
onpageshow 该事件在用户访问页面时触发
onpagehide 在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小
onscroll 当文档被滚动时发生的事件
onunload 用户退出页面