码迷,mamicode.com
首页 > 其他好文 > 详细

事件对象

时间:2015-10-19 20:53:46      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

一、DOM中的事件对象

1.获取

var event = event

2.事件目标

event.target

3.阻止事件冒泡

event.stopPropagation();

4.阻止默认行为

event.preventDefault()

  

 

二、IE中的事件对象

1.获取

window.event;

2.事件目标

event.srcElement;

3.阻止事件冒泡

event.cancelBubble = true;

4.阻止默认行为

event.returnValue = false;

 

 

三、跨浏览器事件对象

var EventUtil = {
  addHandler: function(element, type, handler){
  //省略的代码
  },
  getEvent: function(event){
    return event ? event : window.event;
  },
  getTarget: function(event){
    return event.target || event.srcElement;
  },
  preventDefault: function(event){
    if (event.preventDefault){
    event.preventDefault();
    } else {
    event.returnValue = false;
    }
  },
  removeHandler: function(element, type, handler){
    //省略的代码
  },
  stopPropagation: function(event){
    if (event.stopPropagation){
      event.stopPropagation();
    } else {
      event.cancelBubble = true;
    }
  }
};

  

事件对象

标签:

原文地址:http://www.cnblogs.com/yzg1/p/4892863.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!