DOM事件流以及事件对象

DOM事件流

事件流描述的是从页面中接受事件的顺序，事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流
。

事件流三阶段

 				1捕获阶段
				2当前目标阶段
				3冒泡阶段
			注意 1 js代码中只能执行捕获或者冒泡其中的一个阶段
			     2 onclick和attachEvent只能得到冒泡阶段
			     3 addEventListenner(type,listener[,useCapture])第三个参数如果是true表示在事件捕获阶段调用事件处理程序；如果是false（不写默认是false），表示在事件冒泡阶段调用事件处理程序

			     4实际开发中很少使用事件捕获，我们更关注事件冒泡
			     5 有些事件是没有冒泡的，如onblur、onfocus、onmouseenter、onmouseleave
			     6事件冒泡有时候会带来麻烦，有时候又会很巧妙的做某些事情。

事件对象

有事件才有事件对象，事件对象中有很多属性和方法，不需要传递参数 事件对象常见的属性和方法
e.target 返回触发事件的对象（标准）
this 返回的是绑定事件的对象（）
区别 e.target 点击了那个元素就返回哪个元素 this是那个元素绑定就返回那个元素
e.srcElement 返回触发事件的对象（非标准 ie6-8使用）
e.type 返回事件的类型 如 click
e.cancelBubble 该属性阻止冒泡 （非标准 ie6-8使用）
e.returnValue 该属性组织默认事件 （非标准 ie6-8使用）比如不让链接跳转
e.preventDefault() 该方法组织默认事件（默认行为）标准 比如不让链接跳转
e.stopPropagation() 阻止冒泡 标准

		事件委托（代理、委派）在jQuery里面称为事件委派
			事件委托的原理 不要给每个子节点单独设置事件监听器，而是事件监听器设置在其父节点，然后利用冒泡原理影响每个子节点。

常用的鼠标事件

禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单
document.addEventListener(‘contextmenu’,function(e){
e.preventDefault();
})
禁止鼠标选中（selectstart 开始选中）
document.addEventListener(‘selectstart’,function(e){
e.preventDefault();
})

常用的键盘事件

onkeyup 某个键盘按键被松开时触发
onkeydown 某个键盘按键按下时触发
onkeypress 某个键盘按键被按下时触发 但它不识别功能键 比如ctrl和shift等
三个事件的执行顺序 keydown–keypress–keyup 键盘事件对象
键盘事件对象中的keyCode属性可以得到相应键的ASXII码值
keyup和keydown事件不区分字母大小写 a和A得到的都是65
keypress事件区分字母大小写
注意:keydown和keypress在文本框里面的特点:他们两个事件触发的时候，文字还没有落入文本框中
keyup事件触发的时候，文字已经落入文本框里面了