事件对象

事件对象

var elem = document.getElementById('div1');
var clickHandler = function(event){
  // TO DO
}
elem.addEventListener('click',clickHandler,false);

event对象包含很多信息

var elem = document.getElementById('div1');
var clickHandler = function event() {
  event = event || window.event;
}
addEvent(elem,'click',clickHandler,false);

事件对象

• 属性

  • type

  • target(srcElementIE)事件触发节点

  • currentTarget父节点事件 | 事件代理

• 方法

  • stopPropagation 阻止冒泡

  • preventDefault 阻止默认事件

  • stopImmediatePropagation 阻止冒泡

阻止事件传播

• event.stopPropagation() (W3C)

  • 阻止事件传播到父节点

  • event.cancelBubble=true (IE)

  • stopImmediatePropagation (W3C) 并且阻止当前节点的后续事件

阻止默认行为

• event.preventDefault() (W3C)

  • 阻止默认行为

  • Event.returnValue = false(IE)