事件对象

来源:互联网 发布:固定收益部 收入 知乎 编辑:程序博客网 时间:2024/06/13 20:57

事件对象有两个比较重要的属性:事件类型、目标元素
—事件类型有onclick、onmouseover等;
—目标元素就是dom节点,指的是谁触发的事件。

1)获取事件类型:event.type

2)获取目标元素
—非IE下:event.target;
—IE下:event.srcElement;

3)阻止默认行为
—非IE下:event.preventDefault();
—IE下:event.returnValue=false;

4)阻止事件冒泡
—非IE下:event.stopPropagation();
—IE下:event.cancelBubble=true;

5)跨浏览器兼容代码:

var eventUtil={//获取事件对象getEvent:function(event){    return event?event:window.event;},//获取事件类型getType:function(event){    return event.type;},//获取执行事件的目标元素getTarget:function(event){    return event.target||event.srcElement;},//禁用默认行为preventDefault:function(event){    if(event.preventDefault){        event.preventDefault();//非IE    }else{        event.returnValue=false;//针对IE    }},//阻止传播冒泡stopPropagation:function(event){    if(event.stopPrapagation){        event.stopPropagation();//非IE    }else{        event.cancelBubble = true;//针对IE    }}
原创粉丝点击