IE事件对象（The Internet Explorer Event Object）

看下面的例子，


代码如下:

　　var btn ＝ document.getElementById('mybtn');
　　btn.onclick = function(){
　　　　var event = window.event;
　　　　alert(event.type);//"click"
　　}

　　此时，event对象来源于window.event对象，并且之后又用于确定事件类型。然而，当eventHandler 通过attachEvent()这种方式来授权的话，event 对象将作为function的唯一参数，请看如下代码


代码如下:

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(event){
alert(event.type); //"click"
});

　　当使用attachEvent() 方法时，事件对象同时也可以在window对象上进行访问，和dom 0级的实现方式一样，并且事件对象同样被传进来作为一个参数。
　　如果event Handler 是通过HTML属性被授权的，event是作为一个一个变量被访问的，叫做event。例如


代码如下:

<input type="button" value="Click Me" onclick="alert(event.type)">

　　IE 事件对象同样包含属性和方法，这与创建该特定事件有关。这些属性和方法，要么直接映射到DOM的属性和方法，要么与DOM的属性和方法相关。象DOM事件对象的属性和方法回由于出发事件的的不同而不同，但共有的方法如下：
　　cancleBubble 布尔 可读/可写 默认值时false，但可以被设置成true来取消事件冒泡，与dom中的 stopPropagation()方法相同。
　　returnValue 布尔 可读/可写 默认值是true，当设置成false时用以取消事件的默认行为 与dom中的preventDefault（）相同。
　　srcElement　 元素 只读　　　事件的目标，与dom中的target属性相同。
　　type　　　　　字符串 只读 被触发的事件类型。
　　因为event handler的事件作用域是由授权方式决定的，所以this的值不应该总指向这个事件的目标，所以用event.SrcElement 来代替。例子如下
　　


代码如下:

btn.onclick = function(){
alert(window.event.srcElement === this); //true
};
btn.attachEvent("onclick", function(event){
alert(event.srcElement === this); //false
});

　　在第一个event handler中通过DOM0级的方式来授权，所以srcElement属性指向this，但在第二个 event handler中这两个值时不同的。
　　returnValue属性等同于DOM中的preventDefault（）方法，同样是用来取消事件的默认行为，你需要将returnValue的属性值设置成false来取消事件的默认动作，请看如下例子；


代码如下:

var link ＝ document.getElementById('myLink');
link.onclick = function(){
window.event.returnValue = false;
};

　　在这个例子中，用returnValue属性来取消连接的默认行为。与dom不同的是，没有方法能够决定一个事件是否可以被取消或者禁用javascript。
　　cancleBubble属性与都没中stopPropagation（）的功能相同，阻止事件的冒泡。因为IE8或者更早的IE版本，不支持事件捕捉阶段，而且cancleBubble只支持冒泡的取消，而stopPropagation（）是取消事件的捕捉和冒泡。例如：


代码如下:

var btn = document.getElementById("myBtn");
btn.onclick = function(){
alert("Clicked");
window.event.cancelBubble = true;
};
document.body.onclick = function(){
alert("Body clicked");
};

　　通过爱 onclick 这个handler中设置cancelBubble的值为true，他阻止了事件冒泡至document.body 的事件处理，因此当btn被点击的时候，结果只会弹出一个提示对话框，即"click"。

赞 (0)

相关推荐

  • IE事件对象（The Internet Explorer Event Object）

    看下面的例子, 复制代码 代码如下: var btn ＝ document.getElementById('mybtn'); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此时,event对象来源于window.event对象,并且之后又用于确定事件类型.然而,当eventHandler 通过attachEvent()这种方式来授权的话,event 对象将作为funct

  • JS的Event事件对象使用方法

    fasdf function bb(e){ alert(e); } var container = document.getElementById("contentq"); container.onclick=function(e){ if(document.all){//IE var a=window.event; alert(a.type); }else{ alert(e.type); } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 事件对象获取统一的方法:(来

  • JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法.分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式. 下面继续介绍JavaScript的事件对象event. 事件对象event包含导致事件的元素.事件的类型以及其他与特定事件相关的信息. 1.DOM中的事件对象 属性/方法 类型 说明 bubbles Boolean 表明事件是否冒泡 cancelabel Boolean 表明是否可以取消事件的默认行为 currentTarget El

  • python 使用事件对象asyncio.Event来同步协程的操作

    事件对象asyncio.Event是基于threading.Event来实现的. 事件可以一个信号触发多个协程同步工作, 例子如下: import asyncio import functools def set_event(event): print('setting event in callback') event.set() async def coro1(event): print('coro1 waiting for event') await event.wait() print(

  • vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

    前言 在 v-for 循环语句上,定义一个点击事件 传入两个参数(当行数据.当前事件对象),如下代码片段,当前事件对象必须加上 '$' 符号 <template> <div> <ul> <li v-for="(item, index) in arrData" :key="index" @click="operate(item, $event)" > {{ item.title }} </li&

  • 读jQuery之八 包装事件对象

    比如,停止事件冒泡IE用 cancelBubble ,标准浏览器则用 stopPropagation . 获取事件源对象,IE用 srcElement ,标准浏览器则用 target 诸如此类. jQuery 对原生事件对象的修复和包装主要使用 jQuery.Event 类和 jQuery.event.fix 方法. 复制代码 代码如下: jQuery.Event = function( src ) { // Allow instantiation without the 'new' keywo

  • ibm官方资料把应用程序从 Internet Explorer 迁移到 Mozilla第1/2页

    ibm官方资料把应用程序从 Internet Explorer 迁移到 Mozilla第1/2页

    Netscape 最初开发 Mozilla 浏览器的时候,明智地决定支持 W3C 标准.因此,Mozilla 和 Netscape Navigator 4.x 以及 Microsoft Internet Explorer 遗留代码不完全向后兼容,比如后面将提到 Mozilla 不支持 <layer>.Internet Explorer 4 这些在 W3C 标准的概念出现之前建立的浏览器继承了很多古怪之处.本文中将讨论 Mozilla 的特殊模式,它为 Internet Explorer 和其他

  • Internet Explorer 11 浏览器介绍：别叫我IE

    在上个星期,微软随Windows 8.1正式推出了Internet Explorer 11的第一次预览版.这样,关于这款备受争议的web浏览器泄露版本的各种传闻也该休息了.我们现在已经知道一些关于Internet Explorer 11的重要的细节,包括支持WebGL ,prefetch(译者注:预读取,比如上传文件的预览啥的,不知道翻译的对不对),prerender(预呈现), flexbox,mutation observers和其他web标准,也许在IE11中更有趣的是,它是不是IE. 长

  • JavaScript学习笔记之JS事件对象

    事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Firefox中是event: 而事件的对象,在

  • JavaScript事件对象深入详解

    本文实例讲述了JavaScript事件对象.分享给大家供大家参考,具体如下: 触发 DOM 上的事件时,会生成一个事件对象 event,它包含着所有与事件有关的信息,诸如导致事件的元素.事件的类型以及其他与特定事件相关的信息.所有的浏览器都支持 event 对象,但支持的方式不同. 1 DOM 中的事件对象 兼容 DOM 的浏览器会将 event 对象传入事件处理程序(DOM0 级与 DOM2 级都支持): var btn = document.getElementById("myBtn&quo

随机推荐