《javascript高级程序设计》第十三章知识点

第十三章知识点总结

1.事件流：

    ①事件冒泡：事件开始时由最具体的事件接受，逐级向上传播到较为不具体的节点。

    ②事件捕获：不太具体的节点更早的接受事件，最具体的节点应该最后接到事件。

    事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。

2.事件处理程序

    

3.事件对象

    

IE 属性

除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：

属性	描述
cancelBubble	如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
fromElement	对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。
keyCode	对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
offsetX,offsetY	发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
returnValue	如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。
srcElement	对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
toElement	对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。
x,y	事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。

标准 Event 属性

下面列出了 2 级 DOM 事件标准定义的属性。

属性	描述
bubbles	返回布尔值，指示事件是否是起泡事件类型。
cancelable	返回布尔值，指示事件是否可拥可取消的默认动作。
currentTarget	返回其事件监听器触发该事件的元素。
eventPhase	返回事件传播的当前阶段。
target	返回触发此事件的元素（事件的目标节点）。
timeStamp	返回事件生成的日期和时间。
type	返回当前 Event 对象表示的事件的名称。

标准 Event 方法

下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法：

方法	描述
initEvent()	初始化新创建的 Event 对象的属性。
preventDefault()	通知浏览器不要执行与事件关联的默认动作。
stopPropagation()	不再派发事件。

4.事件类型

• UI事件
• load/unload事件 当页面加载/卸载完成后触发的事件
• 焦点事件
• blur    在元素失去焦点时触发。
• focus  在元素得到焦点时触发
• focusin  在元素获得焦点时触发
• focusout 在元素失去焦点时触发
• 鼠标与滚动事件
• click      在用户单击鼠标左键或按下回车时触发
• dbclick  在用户双击鼠标左键时触发
• mousedown 在用户按下鼠标任意键时触发
• mouseup      在用户释放鼠标按键时触发
• mouseenter  在用户首次由外部移入元素区域时触发。
• mouseleave  在用户从元素上方的的鼠标光标移除元素外事触发
• mousemove 在用户指针在元素内移动时重复触发
• mouseover   在鼠标位于一个元素外部，用户首次将其移入元素内时触发
• 键盘事件
• keydown 用户按下键盘任意键时触发。
• keypress  用户按下字符键时触发
• keyup      用户释放键盘上的键时触发。