码迷,mamicode.com
首页 > 其他好文 > 详细

事件模型

时间:2018-03-18 16:25:36      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:strong   detach   opp   rev   执行   触发事件   class   window   default   

IE事件模型(没有捕获)(<=ie8)

  1. attachEvent(event, function)
    detachEvent(event, function)
    第一个参数为on+‘event‘;
  2. 目标对象event.srcElement;
  3. this会指向window;
  4. event.cancelBubble = true   // 停止冒泡
    event.returnValue = false    //  阻止默认事件

标准DOM事件模型(捕获、目标、冒泡)(>ie8)

  1. addEventListener(event, function, useCapture)
    removeEventListener(event, function, useCapture)
    useCapture为true,在捕获阶段执行,从外到里触发;
    useCapture为false,在冒泡阶段执行(默认),从里到外触发;
  2. event.target和event.currentTarget
    target在事件流的目标阶段(指向触发事件监听的对象);
    currentTarget在事件流的捕获,目标及冒泡阶段(指向添加事件监听的对象);
    只有当事件流处在目标阶段的时候,两个的指向才是一样的;
    而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
  3. this指向事件监听对象;
  4. event.stopPropagation()  //  停止冒泡
    event.preventDefault()    //   阻止默认事件

事件模型

标签:strong   detach   opp   rev   执行   触发事件   class   window   default   

原文地址:https://www.cnblogs.com/colima/p/7338285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!