DOM中的事件对象 IE事件对象
属性/方法 类型 读/写 说明 属性/方法 类型 读/写 说明
 bubles Boolean 只读  表明事件是否冒泡  cancleBubble Boolean 读/写

默认为false,但将其设置为true就可以取消事件冒泡

(与DOM中的stopPropagation()方法的作用相同)

 cancelable Boolean  只读  表明是否可以取消事件的默认行为   returnValue   Boolean  读/写

默认为true,但将其设置为false就可以取消事件的默认行为

(与DOM的preventDefault()方法的作用相同)

currentTarget  Element  只读   其事件处理程序当前正在处理事件的那个元素  scrElement Element  只读   事件的目标(与DOM中的target属性相同)
 defaultPrevented Boolean  只读

为true表示已经调用了preventDefault()

(DOM3级事件新增)是否取消默认事件

 type  String  只读  被触发的事件类型
detail Integer 只读

与事件相关的的细节信息

       
eventPhase Integer 只读

调用事件处理程序的阶段:1表示捕获阶段,

2表示‘处于目标’,3表示冒泡阶段

       
preventDefault() Function 只读 

取消事件的默认行为,如果cancelable为true

则可以使用这个方法

       
stopImmediatePropagation() Function 只读

取消默认事件的进一步捕获或冒泡,

同时阻止任何事件处理程序被调用(DOM3级事件中新增)

       
 stopPropgation() Function  只读 

取消事件进一步捕获或冒泡。如果bubbles为

true,则可以使用这个方法

       
 target  Element 只读   事件的目标        
 trusted Boolean  只读 

为true表示是浏览器生成的

为false表示是由开发人员通过js创建的

       
type String 只读

被触发的事件类型

       
view AbstractView 只读

与事件关联的抽象视图

等同于发生事件的window对象

       

兼容DOM的浏览器会将一个Event对象传入到事件处理程序中,无论事件处理程序使用什么方法(DOM0或DOM2),都会传入Event对象

IE中的事件对象

访问IE中的event对象和DOM不一样,取决于制定事件处理程序的方法,在试用Dom0级方法添加事件处理程序时,event对象作为window对象的一个属性存在

DOM0级方法

obj.onclick = function(){
alert(window.event.srcElement.parentNode);
window.event.returnValue = false;
return false;
}

如果是用attachEvent添加

obj.attachEvent('onclick',function(event){
alert(event.type);
});
oDiv.attachEvent('onclick',function(){
document.body.innerHTML += this; //attachEvent内部this指向window
});

因为在IE中事件处理程序的作用域是根据制定他的方式确定的,所以不能认为this会始终等于事件目标故而使用Event.srcElement 事件源元素

取消事件的默认行为

var link = document.getElementById('a1');
link.onclick = function(event){
alert(window.event.type);
window.event.returnValue = false;
}

取消事件冒泡

var link = document.getElementById('a1');
link.onclick = function(event){
alert(window.event.type);
window.event.cancelBubble = true;
}

DOM中的事件对象和IE事件对象的更多相关文章

  1. python 全栈开发,Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))

    一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度 获取宽度 .width() 描述:为匹配的元素集 ...

  2. jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件

    一.jQuery的位置信息 jQuery的位置信是JS的client系列.offset系列.scroll系列封装好的一些简便api. 1.宽度和高度 a.获取宽度和高度,例如: .width() // ...

  3. javascript的阻止默认事件和阻止冒泡事件

    这两个方面的知识,在妙味课堂中有听过,再次复习一下: 原文来自:[http://www.cnblogs.com/Essence/p/4266618.html] 事件冒泡与默认行为   在说事件冒泡之前 ...

  4. DOM中的事件对象

    三.事件对象事件对象event1.DOM中的事件对象(1).type:获取事件类型(2).target:事件目标(3).stopPropagation() 阻止事件冒泡(4).preventDefau ...

  5. js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象

    事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对 ...

  6. DOM中的事件对象(event)

    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件相关的信息. 包括导致事件的元素.事件的类型以及其他与特定事件相关的信息. 例如:鼠标操作导致的事件对象中,会包含鼠 ...

  7. JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target

    http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs. ...

  8. 理解DOM中的事件流

    浏览器发展到第四代时(IE4和Netscape Communicator 4),浏览器团队遇到一个很有意思的问题:页面的哪一部分会拥有特定的事件?想象下在一张纸上有一组同心圆,如果你把手指放在圆心上, ...

  9. react事件中的事件对象和常见事件

    不管是在原生的js还是vue中,所有的事件都有其事件对象,该事件对象event中包含着所有与事件相关的信息,在react中,所有的事件也有其事件对象,在触发DOM上的某个事件时,就会产生一个事件对象. ...

随机推荐

  1. Python爬虫项目--爬取某宝男装信息

    本次爬取用到的知识点有: 1. selenium 2. pymysql 3  pyquery 正文 1. 分析目标网站 1. 打开某宝首页, 输入"男装"后点击"搜索&q ...

  2. elastic5.4安装错误解决

    首先,我们从官网下载:(官网:https://www.elastic.co/downloads/elasticsearch)(推荐下载deb或者rpm包,否则坑很多) 启动 (需要依赖java环境) ...

  3. springboot 日志2

      SpringBoot关于日志的官方文档 1.简述 SpringBoot官方文档关于日志的整体说明 本博客基于SpringBoot_1.3.6大家请先简单看下这篇英文的官方文档,文中有说 Sprin ...

  4. go语言中net包tcp socket的使用

    一.通过socket我们模拟请求网易 package main; import ( "net" "log" "io/ioutil" &quo ...

  5. MongoDB安装成为Windows服务及日常使用遇到问题总结

    安装MongoDB: http://blog.csdn.net/liuzhoulong/article/details/6124566 严格按照上面的步骤,设置数据库目录,设置日志目录,安装服务.可是 ...

  6. c# Parallel.For 并行编程 执行顺序测试

    因为有个for 实际执行结果尽管是按照for里边的顺序执行,但处理器让哪个分线程先执行,谁先处理完就不一定了. 对于要求结果需要先后顺序的,比如对text内容的操作, 用并行 Parallel.For ...

  7. C++中find_if

    总结:find_if针对查找的对象中包含指针需要进行比较 find则更偏向于普通的数值或者字符比较 两者都可以应用于自定义的类,只需在类中重载==运载符 函数调用符()说白了其实就是代替函数指针,调用 ...

  8. Hibbernate详解一

    这里先做一个简单的入门,后面有详解 记住图解原理: 这里只是没有整合spring等项目使用的hibernate的使用详解. 一.Hibernate简介 1.Hibernate在开发中所处的位置 2.O ...

  9. GET与POST传递数据的长度分析

    在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST.GET - 从指定的资源请求数据,POST - 向指定的资源提交要被处理的数据.本篇文章我们就来分析一下GET与PO ...

  10. 如何修改隐藏Zblog/WordPress默认后台登录地址

    我相信很多博主站长都遇到过站点被暴力破解,虽然未被破解,但是经常收到那些尝试登录失败的邮件提醒也会心慌慌的.对于这种情况,最好的办法就是修改/隐藏我们的后台登录地址. 关于zblogASP后台登录地址 ...