js事件监听

概念

概念：某些组件被执行了某些操作后，触发某些代码的执行。

	* 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了
	* 事件源：组件。如： 按钮 文本输入框...
	* 监听器：代码。
	* 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则
	   触发执行某个监听器代码。
	   * 常见的事件：
	1. 点击事件：
		1. onclick：单击事件
		2. ondblclick：双击事件
	2. 焦点事件
		1. onblur：失去焦点
		2. onfocus:元素获得焦点。

	3. 加载事件：
		1. onload：一张页面或一幅图像完成加载。

	4. 鼠标事件：
		1. onmousedown	鼠标按钮被按下。
		2. onmouseup	鼠标按键被松开。
		3. onmousemove	鼠标被移动。
		4. onmouseover	鼠标移到某元素之上。
		5. onmouseout	鼠标从某元素移开。
		
	5. 键盘事件：
        1. onkeydown	某个键盘按键被按下。	
        2. onkeyup		某个键盘按键被松开。
        3. onkeypress	某个键盘按键被按下并松开。
        
    6. 选择和改变
		1. onchange	域的内容被改变。
		2. onselect	文本被选中。

	7. 表单事件：
		1. onsubmit	确认按钮被点击。
		2. onreset	重置按钮被点击。

二、事件的侦听和抛发（自定义事件需要向document抛发）

红的框里的两处必须一摸一样；

三、事件传递（将obj2中的c中的参数传入到obj1中的b中）

四、事件的三个阶段（捕获，目标，冒泡）

div.addEventListener(事件类型，事件回调函数，是否捕获时执行)

e.stopPtopagation() 停止冒泡；

e.cancelBubble=true; IE8及以下的停止冒泡；
1事件类型：必须是字符串，可以设为任意字符串，但部分字符串是系统事件类型；

2、事件回调函数：指向一个函数，当收到事件时执行函数，若没有收到，则不执行，写侦听事件时不执行；

3、是否捕获时执行：默认值是false，在冒泡时执行，捕获时不执行，若将false设为true，在捕获时执行；
五、事件监听和删除；

div.removeEventListener(“事件类型”，事件的回调函数)；

IE8及以下，div.detachEvent(on+事件类型，事件的回调函数)