美文网首页
事件模型

事件模型

作者: yanghanbin_it | 来源:发表于2017-06-09 10:23 被阅读0次

如何使用事件?以及IE和标准DOM事件模型之间存在的差别?

  1. 关于事件
    1. IE的事件流:事件冒泡
    2. 其他浏览器支持的另一种事件流:事件捕获
    3. 标准的事件模型分为3个阶段:捕获阶段,目标阶段,冒泡阶段
  2. 使用方式和差异
    1. 标准的事件模型使用addEventLisenter,removeEventListener监听,移除事件,事件名不用加“on”,还可以使用第3个参数来指定事件在捕获阶段(true)还是冒泡阶段(false)
    2. IE事件模型使用attachEvent,detachEvent监听,移除事件,事件名加“on”: 如 onclick,没有第三个参数
    3. 阻止事件发生时浏览器的默认行为
    if (window.event) {//IE
        window.event.returnValue = false;
    } else {
        evt.preventDefault();
    }
    
    1. 阻止冒泡
    if (window.event) {//IE
        window.event.cancelBubble = true;
    } else {
        evt.stopPropagation();
    }
    

相关文章

  • 事件流的3个阶段:捕获、冒泡、目标

    事件模型:IE事件模型和DOM标准事件模型区别:IE事件模型没有捕获阶段,只有冒泡。 事件流的三个阶段:先捕获阶段...

  • js 事件

    事件模型 DOM0 :原始事件模型btn.onclick=function(){}这种类型的事件模型(btn.on...

  • jQuery--事件处理

    jQuery--事件处理 一、事件模型 1.浏览器事件模型①DOM0级事件模型:只支持一个DOM事件处理函数• ...

  • 前端:常见的事件兼容IE问题处理

    1.注册事件IE 事件模型使用 attachEvent() 方法注册事件DOM 事件模型使用 addEv...

  • Javascript 事件机制

    事件模型 DOM0级模型 在该模型中,事件不会传播,没有事件流的概念。这种模型兼容所有的浏览器。事件绑定监听函数有...

  • jQuery--事件处理

    一、事件模型 1.浏览器事件模型 ①DOM0级事件模型:只支持一个DOM事件处理函数• • input.onc...

  • JavaScript--模型、闭包、链

    (1)事件模型JavaScript中有两种时间模型:DOM0,DOM2 DOM0级事件模型是早期的事件模型,所有的...

  • laravel 模型事件监听

    所有支持的模型事件在 Eloquent 模型类上进行查询、插入、更新、删除操作时,会触发相应的模型事件(关于事件我...

  • DOM事件模型与事件委托

    1.DOM事件模型 DOM支持两种事件模型: 捕获型模型 冒泡型模型 先看下面的代码 给三个div分别添加事件监听...

  • JS事件模型

    IE事件模型 IE事件模型共有两个过程: 事件处理阶段(target phase)。事件到达目标元素, 触发目标元...

网友评论

      本文标题:事件模型

      本文链接:https://www.haomeiwen.com/subject/aoctqxtx.html