DOM事件(二)

2018-09-12  本文已影响8人  zhaochengqi

一、 事件对象

1.1 DOM中的事件对象

在触发DOM上的某个事件时,会产生一个事件对象event:

event对象只存在于事件处理程序执行期间

//======常用属性======
MouseEvent {
    type: "click",
    bubbles: true,           //事件是否冒泡
    cancelable: true,        //是否可以取消事件的默认行为
    currentTarget: null,     //事件处理程序当前正在处理事件的那个元素
    defaultPrevented: false, //为true表示已经调用了preventDefault()
    detail: 1,               //与事件相关的信息
    eventPhase: 1,           //调用事件处理程序的阶段 1:捕获阶段 2:处于目标 3:冒泡阶段
    target: null,            //事件的目标
    trusted: true,           //为true表示事件是由浏览器生成的,为false表示
                             //事件是由开发人员通过JavaScript创建的
    view: Window {//与事件关联的抽象视图,等同于发生事件的window对象
        postMessage: ƒ,
        blur: ƒ,
        focus: ƒ,
        close: ƒ,
        frames: Window,
        …
    },
}

Event方法:

event.preventDefault()
//取消事件的默认行为,如果cancelable是true就可以使用这个方法

event.stopImmediatePropagation()
//取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用

event.stopPropagation()
//取消事件的进一步捕获或冒泡,如果bubbles为true就可以使用这个方法

1.2 IE中的事件对象

IE 中 event DOM 中有,不不。
不同事件处理程序指定方式获取event:

event常用属性:

<=to be continued

上一篇下一篇

猜你喜欢

热点阅读