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 用户退出页面