JS之JavaScript 中的事件（上）

1. 事件类型

• 事件的定义
  指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可 以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执 行相应的代码。

事件类型：事件类型是一个用来说明发生什么类型事件的字符串。

事件目标：事件目标是发生的事件或与之相关的对象。

事件处理程序或事件监听程序：我们用户在页面中进行的点击这个动作， 鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称。

事件对象：事件对象是与特定事件相关且包含有关该事件详细信息的对象。

事件传播：事件传播是浏览器决定那个对象触发其事件处理程序的过程。

• 事件模型（三种）
  内联模型 、 脚本模型 、 DOM2模型

• 传统的事件模型
  鼠标事件

				onclick						//用户点击对象调用的事件句柄
				oncontextmenu				//用户右键打开上下文菜单触发
				ondblclick					//用户双击对象调用的事件句柄
				onmousedown					//鼠标被按下
				onmouseenter				//鼠标移动到目标上触发
				onmouseleave				//鼠标离开目标触发
				onmousemove					//鼠标移动
				onmouseover					//鼠标移动到元素上
				onmouseout					//鼠标离开元素
				onmouseup					//鼠标按键被松开

键盘事件

				onkeydown			//键盘按键被按下	
				onkeypress			//键盘按键被按下并松开
				onkeyup				//键盘按键松开

-JavaScript中的常用事件

1 . onsubmit：表单中的确认按钮被点击时发生的事件

2 . onblur：在对象失去焦点时发生的事件

3 . onfoucs：在对象获得焦点时发生的事件

4 . onchange：在对象的值发生改变时触发的事件

2 . 事件流

  事件流描述的是从页面中接收事件的顺序。当几个都具有事件的元

素层叠在一起的时候，那么你点击其中一个元素，并不是只有当前被
点击的元素会触发事件，而层叠在你点击范围的所有元素都会触发事
件。
事件流包括两种模式 ：

• 冒泡
  子集元素先触发，父级元素后触发
• 捕获
  父级元素先触发，子集元素后触发