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)

转载于:https://www.cnblogs.com/focus1995/p/7265455.html