IE事件对象(The Internet Explorer Event Object)

时间:2024-02-26 01:55:18 

看下面的例子,


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

标签:IE事件对象
0
投稿

猜你喜欢

  • python中numpy包使用教程之数组和相关操作详解

    2022-10-26 19:18:40
  • 卸载安装Node.js与npm过程详解

    2024-05-13 09:29:58
  • Python 实现任意区域文字识别(OCR)操作

    2021-04-23 03:52:37
  • MySQL多表连接查询详解

    2024-01-27 13:07:57
  • sqlserver利用存储过程去除重复行的sql语句

    2024-01-20 06:28:54
  • Python变量赋值的秘密分享

    2021-10-12 11:53:04
  • 设计模式-自动完成

    2010-11-30 21:44:00
  • asp 防盗链代码(彻底屏蔽迅雷,旋风,快车下载站内资源)

    2011-02-26 10:46:00
  • mysql如何统计同一字段不同值的个数

    2024-01-26 17:46:33
  • 使用 Python 遍历目录树的方法

    2021-09-21 22:19:32
  • MySQL 使用DQL命令查询数据的实现方法

    2024-01-16 18:53:13
  • linux下导入、导出mysql数据库命令的实现方法

    2024-01-23 15:55:33
  • Pytorch可视化的几种实现方法

    2023-06-11 17:44:57
  • Django-Scrapy生成后端json接口的方法示例

    2021-07-16 18:46:46
  • DreamWeaver操作超级技巧大全

    2008-10-03 20:50:00
  • Go语言map元素的删除和清空

    2024-02-05 10:42:25
  • 如何使用七牛Python SDK写一个同步脚本及使用教程

    2021-01-19 12:51:13
  • 如何实现网上站点维护?

    2010-05-24 18:35:00
  • Django values()和value_list()的使用

    2021-08-21 23:03:12
  • python爬取基于m3u8协议的ts文件并合并

    2021-11-03 16:44:45
  • asp之家 网络编程 m.aspxhome.com