博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE事件对象(The Internet Explorer Event Object)
阅读量:6418 次
发布时间:2019-06-23

本文共 2123 字,大约阅读时间需要 7 分钟。

  不同于DOM事件对象,基于Event Handler授权这种方式,IE事件对象可以用不同的方式进行访问。当一个事件Handler通过DOM 0 级的方式被授权,则这个事件对象将作为window对象的属性而存在,看下面的例子,

  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。例如

  

  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”。  

  

 

  

 

转载于:https://www.cnblogs.com/MrBackKom/archive/2012/06/24/2559681.html

你可能感兴趣的文章
P6 EPPM R16.1安装与配置指南(一)
查看>>
sys模块 和os模块
查看>>
Redhat修改主机名_Red hat怎么永久修改主机名hostname(转)
查看>>
javascript运算符——条件、逗号、赋值、()和void运算符
查看>>
网络包
查看>>
dll版本冲突的解决方法
查看>>
卡方检验(Chi-square test/Chi-Square Goodness-of-Fit Test)
查看>>
在.jsp中非表单请求action的几种方式总结
查看>>
爬取熊猫TV,javascript,selenium,模拟点击
查看>>
厦门大学2016年高等代数考研试题参考解答
查看>>
[转] C# 获取程序运行目录
查看>>
c++ 基于wincrypt的DES CBC模式加解密
查看>>
Logic Bist Arch
查看>>
程序员常用工具软件 总结
查看>>
Codeforces Round #369 (Div. 2) A. Bus to Udayland 水题
查看>>
C#预处理器指令【转】
查看>>
adb上使用cp/mv命令的替代方法(failed on '***' - Cross-device link解决方法)
查看>>
C++标准库简介、与STL的关系。
查看>>
Spring Boot 3 Hibernate
查看>>
查询EBS请求日志的位置和名称
查看>>