DOM事件对象与IE事件对象

DOM 事件处理对象

属相和方法 类型 读写 说明
bubbles Boolean 只读 表明事件是否冒泡
cancelable Boolean 只读 表明是否可以取消事件默认行为
currentTarget Element 只读 事件处理程序当前正在处理事件的那个元素
defaultPrevented Boolean 只读 为 true 表示已经调用了 preventDefault()
detail Integer 只读 与事件相关的细节信息
eventPhase Integer 只读 调用事件处理程序的阶段：1表示捕获，2表示"处于目标阶段", 3表示冒泡阶段
preventDefault() Function 只读 取消时间的默认行为。如果cancelable 是true，则可以使用这个方法
stopImmediatePropagation() Function 只读 取消事件的进一步捕获或冒泡，同时阻止任何事件处理程序被调用
stopPropagation() Function 只读 取消事件的进一步捕获或冒泡，如果 bubbles 为true，则可以调用这个方法
target Element 只读 事件的目标
trusted Boolean 只读 为 true 表示事件是浏览器生成的。为fasle 表示 事件是由开发人员通过JavaScript创建的
type String 只读 被触发的事件类型
view AbstractView 只读 与事件关联的抽象视图。等同于发生事件的 window 对象

IE事件对象

属相和方法 类型 读写 说明
cancelBubble Boolean 读/写 默认值为fasle，设置为true，就可以取消事件冒泡 与 DOM 中的 stopPropagation()方法的作用相同
returnValue Boolean 读/写 默认为 true， 设置为fasle。 就可以取消事件的默认行为
srcElement Element 只读 事件的目标（与DOM中的target属性相同）
type String 只读 被触发事件的类型

注意:

  1. DOM中事件处理对象中的 event.currentTarget 与 event.target 的不同？
    1. event.currentTarget 的 值 始终等于 this
    2. event.target 的值 只包含事件的 实际 目标, 即 点谁 指的就是谁！！！
  2. cancelBubble属相与stopPropagation()方法 作用相同，都是用来停止事件冒泡的，由于IE事件不支持事件捕获，因而cancelBubble只能用来阻止事件冒泡。
    但stopPropagation()可以同时取消事件冒泡和捕获！
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,768评论 1赞 11
  • 《JavaScript 闯关记》之事件
    JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下，当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,373评论 3赞 11
  • javascript 中的事件机制
    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件：JavaScript是基于事件驱动...
    道无虚阅读 2,680评论 0赞 2
  • DOM —— 事件
    事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 992评论 0赞 3
  • javascript事件
    JavaScript 与 HTML 之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬...
    threetowns阅读 464评论 0赞 0

友情链接更多精彩内容