首页 > 代码库 > 《javascript高级程序设计》第十三章知识点

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

2024-07-13 15:22:44   225人阅读

第十三章知识点总结

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      用户释放键盘上的键时触发。


联系
我们