JavaScript第十三章节 事件

事件

• 事件流：描述的是从页面中接收事件的顺序

  • 事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点
  • 事件捕获：由不太具体的节点应该更早得接收到事件，而最具体的节点应该最后接收到事件
• DOM事件流：事件捕获阶段，处于目标阶段，事件冒泡阶段

事件处理程序

• Html事件处理程序

• DOM2级事件处理程序

  • addEventListener(eventName,methon,Boolean)：接收三个参数，第一个为需要监听的事件名，第二个参数为执行方法，第三个参数为是否在事件捕获阶段调用事件处理程序，优点是可以添加多个事件处理程序
  • removeEventListener()：移除通过addEventListener注册的事件处理程序

• IE事件处理程序

  • attachEvent(eventName,methond)：
  • detachEvent：移除事件处理程序

事件对象

• DOM中的事件对象：event对象

  • bubbles：Boolean，表示事件是否可以冒泡
  • cancelable：Boolean，表示是否可以取消事件的默认行为
  • currenTarget：Boolean，表示其事件处理程序当前正在处理事件的哪个元素
  • defaultPrevented：为true表示已经调用了preventDefault()
  • detail：与事件相关的细节信息
  • eventPhase：调用事件处理程序的阶段：1表示捕获阶段，2表示处于目标，3表示冒泡阶段
  • preventDefault()：取消事件的默认行为，如果ancelable是true，则可以使用这个方法
  • stopImmediatePropagation()：取消事件的进一步捕获或冒泡，同时阻止任何事件处理程序被调用
  • stopPropagation()：取消事件的进一步捕获或者冒泡，如果bubbles为true，则可以使用这个方法
  • target：事件的目标
  • trusted：为true表示事件是浏览器生成的，为false表示事件是由开发人员创建的
  • type：被触发的事件类型
  • view：与事件关联的抽象视图，等同于发生事件的window对象
  • 在事件处理程序内部，对象this始终等于currenTarget的值，而target则只包含事件的实际目标。

• IE中的事件对象

  • cancelBubble：默认值为false，但将其设置为true就可以取消事件冒泡
  • returnValue：默认值为true，但将其设置为false就可以取消事件的默认行为
  • srcElement：事件的目标
  • type：被触发的事件的类型

事件类型

事件类型有以下几类:UI事件，焦点事件，鼠标事件，滚轮事件，文本事件，键盘事件，合成事件，变动事件，变动名称事件

• UI事件

  • DOMActivate：表示DOM元素已经被用户操作，DOM3已废弃
  • load：当页面完全加载后在window上面触发，当所有框架都加载完毕时在框架上面触发，当图像加载完毕时在img标签上触发
  • unload：当页面完全卸载后在window上面触发，当所有框架都卸载后在框架集上面触发
  • abort：在用户停止下载过程时，如果嵌入的内容没有完全加载完，则在