事件模型

如何使用事件?以及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();
    }
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 声明:本文来源于http://www.webzsky.com/?p=731我只是在这里作为自己的学习笔记整理一下(...
    angryyan阅读 7,109评论 1 6
  • 文中涉及大量内容来自于PPK的博客 现代前端开发应该要遵守: html展示文档内容,css渲染页面效果,javas...
    江枫阅读 777评论 0 8
  • 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。DOM支持大量的事件,本节介绍DOM的事件编程。...
    周花花啊阅读 597评论 0 3
  • DOM事件流(不适用于IE8及以下版本IE) “DOM2级事件”规定的事件流包括三个阶段当一个事件发生以后,它会在...
    jaminwong阅读 370评论 0 1
  • 听说,你要结婚了。 当然,你不必担心我会突然出现,让你不悦。你应该知道的,我不会去参加一场原本属于我们的婚礼。因为...
    静静书话阅读 785评论 23 5