06-jquery事件模型(1)

  • jquery事件模型:
  • dom0级事件模型:
    • 阻止冒泡:event.stopPropagation();
    • 阻止冒泡:event.cancelBubble = true;
    • 只支持一个事件处理函数;
  • dom2级事件模型:
    • addEventListener(eventType)
    • addEventListener(listener)
    • addEventListener(useCapture):如果为false,只冒泡不捕获,如果为true,只捕获,不冒泡。
    • attachEvent(eventName,handler)
    • jquery事件模型:
    • 提供了统一的时间处理方法
      • 允许添加多个事件处理函数
      • 使用标准的时间名称(不带on)
      • 事件实例作为事件处理函数的的一个参数
      • 标准化事件实例最常用的属性
      • 提供了统一的时间取消和阻止默认行为的方法
    • 添加事件处理:
      • on(eventType [,selector] [,data] handler)
    • 统一方法和属性:
      • 阻止冒泡:stopPropagation();
      • 阻止默认行为:preventDefault();
      • 阻止冒泡和默认行为:return false
    • 所有支持的事件:
      • blur
      • change
      • click
      • dblclick
      • error
      • focus
      • focusin
      • focusout
      • keydown
      • keyup
      • load
      • unload
      • mousedown
      • mouseenter
      • mouseleave
      • mouseout
      • mouseover
      • mouseup
      • ready
      • resize
      • scroll
      • select
      • submit
    • 一次性的事件处理只执行一次:
      • one(eventType [,selector] [,data],handler)
posted @ 2017-07-31 20:34  focus1995  阅读(90)  评论(0编辑  收藏  举报